jQuery学习笔记

最近又把锋利的jQuery看了一遍，又有了新的收获：

1、end()遍历方法

end() 方法结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态。

<ul><li class="li1"></li><li class="li2"></li></ul>

$("ul li").find('li1').css({color:'red'}).end().find('li2').css({color:'black'});先执行'li1',然后还原之前状态，再执行'li2'，也就是重新返回$("ul li")对象。

 

2、:first和:first-child

区别：第一个只匹配第一个元素，第二个匹配所有父元素下的第一个元素

 

3、:nth-child(index)

:nth-child(index)是从1开始的

:nth-child是常用的子元素过滤选择器，常用功能如下

:nth:child(even)选取每个父元素下的索引值是偶数的元素

:nth-child(odd)选取每个父元素下的索引值是奇数的元素

 

4、find()和filter

区别：find()是选取子元素,如 $('"ul").find('li');一般是选取ul下的li元素；

filter()是选取同辈元素，如$("ul li").filter('li');选取的结果是li元素;

 

 

5、冒泡事件

event.stopPropagation();//阻止冒泡事件

event.preventDefault();//阻止默认行为（表单提交）

 

6、反选和全选

$("#checkAll").click(function(){

               $("input[name='items']:checkbox").each(function(){

                    this.checked=!this.checked;

               })//反选

               // $("input[name='items']:checkbox").attr("checked",this.checked);全选

          })