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);全选

          })

原文地址:https://www.cnblogs.com/Qzhou/p/3026903.html