jQuery
1.jQuery了解
导入<script type="text/javascript" src="js/jquery-1.12.2.js"></script>书写格式
$(document).ready(function(){
正常写法
})
$(function(){
简写格式
}) $()为jQuery的对象， $(a)，
jquery 的 ready 调用方法比我们之前接触的 window.onload 方法调用的要早: ready 是html加载完毕之后就调用, onload是在资源文件也加载完毕之后才调用.
2.jquery选择器
按照css里面的选择器一样,#id .class$('#myId') // 选择id为myId的网页元素
$('.myClass') // 选择class为myClass的元素
$('li') // 选择所有的li元素
$('#ul1 li span') // 选择id为为ul1元素下的所有li下的span元素
$('input[name="first"]') // 选择name属性等于first的input元素
var $div = $("li") , $div 是jQuery的对象，是一个容器，里面装的是标签，可以根据下标把容器里面的标签取出来，例如，$div[0]，取的是第一个标签
3.选择集过滤
$('div').has('p'); // 选择包含p元素的div元素$('div').not('.myClass'); // 选择class不等于myClass的div元素
$('div').eq(5); 根据索引值 // 选择第6个div元素
4.选择集转移
$('#box').prev(); // 选择id是box的元素前面紧挨的同辈元素$('#box').prevAll(); // 选择id是box的元素之前所有的同辈元素
$('#box').next(); // 选择id是box的元素后面紧挨的同辈元素
$('#box').nextAll(); // 选择id是box的元素后面所有的同辈元素
$('#box').parent(); // 选择id是box的元素的父元素
$('#box').children(); // 选择id是box的元素的所有子元素
$('#box').siblings(); // 选择id是box的元素的同级元素（除自己以外）
$('#box').find('.myClass'); // 选择id是box的元素内的class等于myClass的元素，只能寻找其子类
5.获取元素的索引值
有时候需要获得匹配元素相对于其同胞元素的索引位置，此时可以用index()方法获取6.事件
添加事件方式:$('#btn1').click(function ( ) {
})
jquery对象:
类似: $(this)
用 $( ) 包裹的对象
只有 jquery 对象可以调用 jquery 方法
获取元素的索引值: $li.index( )
jquery 对象和 js 对象的转换:
$li[0] ===> 获取 js 对象
this ===> $( this ) jquery对象
常见的事件类型:
blur() 元素失去焦点
focus() 元素获得焦点
click() 鼠标单击
mouseover() 鼠标进入（进入子元素也触发）
mouseout() 鼠标离开（离开子元素也触发）
mouseenter() 鼠标进入（进入子元素不触发）
mouseleave() 鼠标离开（离开子元素不触发）
hover() 同时为mouseenter和mouseleave事件指定处理函数
ready() DOM加载完成
submit() 用户递交表单
$div1.click(function(){
$(this)}) # 点击谁，这个this就是谁，this为标签，$(this)为jQuery对象
7.jquery样式操作
读取样式:$("div").css("width");
$("div").css("color");
写入样式:里面只能写样式，不能写属性
$("div").css("width","30px");
$("div").css("height","30px");
$("div").css({fontSize:"30px",color:"red"});
样式的额外操作:
$("#div1").addClass("divClass2") // 给id为div1的对象追加样式divClass2
$("#div1").removeClass("divClass") // 移除div1的divClass的样式类名
$("#div1").removeClass("divClass divClass2") // 移除多个样式
$("#div1").toggleClass("anotherClass") // 重复切换anotherClass样式，自己判断当里面有时，会removeClass, 没有时，会addClass
8.判断是否选择到了元素
jquery 有容错机制，即使没有找到元素，也不会出错，可以用 length 属性来判断是否找到了元素, length 等于0，就是没选择到元素，length 大于0，就是选择到了元素。9.jquery动画
animate参数：参数一：要改变的样式属性值，写成字典的形式
参数二：动画持续的时间，单位为毫秒，一般不写单位
参数三：动画曲线，默认为‘swing’，缓冲运动，还可以设置为‘linear’，匀速运动
参数四：动画回调函数，动画完成后执行的匿名函数