jquery
Judian6974
我不知道什么叫年少轻狂,我只知道什么叫胜者为王
展开
-
JQuery基本概念,语法,选择器,事件
基本概念 jQuery是一个JS库,能够帮助我们轻松实现一些原本可能比较麻烦的功能。 jQuery每个版本又有两个小版本:压缩版和未压缩版,压缩版文件较小,但没有排版和注释,所以不便于阅读;而未压缩版文件较大,有排版和注释,便于阅读。 jQuery实际上就是一个js文件,加载到页面就可以直接使用了。<script src="../jquery-3.2.1.min.js"></script>也可原创 2017-08-16 17:07:43 · 677 阅读 · 0 评论 -
动画
动画自定义动画 移动一个块到另一个位置:$("#p").animate({left:'300px',top:'300px'});同时使用多个属性实现动画效果(移动位置,颜色淡化,大小改变)$("#p").animate({ left:'300px', width:'+=100px', height:'+=100px', opacity:'0.5'});改变预定义值原创 2017-08-16 19:29:43 · 730 阅读 · 0 评论 -
jQuery整体框架
前言jQuery整体框架甚是复杂,也不易读懂,这几日一直在研究这个笨重而强大的框架。jquery的总体架构可以分为:入口模块、底层模块和功能模块。这里,我们以jquery-1.7.1为例进行分析。jquery的总体架构16 (function( window, undefined ) { // 构造 jQuery 对象 22 var jQuery = (functio转载 2017-08-21 20:26:07 · 737 阅读 · 0 评论 -
JQuery插件
1.validate 验证(1)required:必填字段<input type="text" id="text1" required/>(2)email:验证邮箱格式,支持很多形式的邮箱<input type="email" id="email" required/>(3)url:验证网址,形如http://www.baidu.com不支持不在前面加http的形式<input type="url原创 2017-08-21 20:20:59 · 580 阅读 · 0 评论 -
JQuery Ajax
ajax$.ajax({ url: url, data:data,//要提交过去的数据 type:"GET",//提交方式 timeout:3000,//设置请求事件 success:success//请求成功的时候执行的函数});语法: $.ajax(JSON); JSON包含常用的参数 url:服务器的地址,获取数据或者推送数据的地方 data:原创 2017-08-21 20:13:44 · 537 阅读 · 0 评论 -
JQuery 导航
JQuery 导航祖先parent():找到的是当前元素的父元素//找到自己的父亲$("#myself").parent().css("background","red");parents():找到的是当前元素的所有祖先元素 注:如果在小括号内传入参数,就可以找到你所指定的那一个父元素$(".myself").parents("[name='zhang']").css("background",原创 2017-08-16 19:56:03 · 598 阅读 · 0 评论 -
JQuery DOM操作CSS
操作css类它们的参数都是一样的,都是class名 (1)添加class类:addClass() (2)删除class类:removeClass() (3)切换class类:toggleClass()操作css()方法$("#butnAdd").click(function(){ $("p").css("color","plum");});css():它有两个参数:第一个参数是要设置原创 2017-08-16 19:49:49 · 622 阅读 · 0 评论 -
JQuery DOM元素的删除和添加
元素的添加—–(1)append():在元素的最后面添加内容(2)prepend():在元素的最前面添加内容<div id="div1"></div><button id="btnAtn">点击从前面添加</button><button id="btnApp">点击从后面添加</button></body>$("#btnApp").click(function(){ $("#di原创 2017-08-16 19:44:19 · 1758 阅读 · 0 评论 -
JQuery DOM内容操作
内容操作(1)第一种方式:文本内容的操作text()alert($("#p1").text());//要捕获的内容作用:获取或设置文本内容(等价于DOM操作中的innerText属性)$("#p1").text("更改为我");//更改为我(2)html():获取或设置元素中的所有内容(html的标签)alert($("#p1").html()); alert($("#p1").html("原创 2017-08-16 19:38:30 · 575 阅读 · 0 评论 -
基于JQuery的轮播图插件nivo-slider使用教程
现在市面上基于jQuery的轮播图插件种类繁多,各具特色,这对于具有选择困难症的童鞋来说就痛苦了,不知道选哪个,那么,今天小编就来帮你选择一款,号称最好的jquery幻灯片插件,Nivo-Slider,这款插件无论是在交互效果,还是轮播效果,还是使用方法及功能都堪称完美。其效果可与Flash的幻灯片媲美,例如: 这个flash的幻灯显示主要特性:号称世界最棒的jQuery幻灯插件16种幻灯变化的转载 2017-08-31 14:09:40 · 5021 阅读 · 0 评论