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