还是那句话,这些知识一个小小的练习,更多的请看jQuery手册
在jQuery对象中的元素对象数组中过滤出一部分元素来
1. first()
2. last()
3. eq(index|-index)
4. filter(selector)
5. not(selector)
6. has(selector)
需求:
??1. ul下li标签第一个
??2. ul下li标签的最后一个
??3. ul下li标签的第二个
??4. ul下li标签中title属性为hello的
??5. ul下li标签中title属性不为hello的
??6. ul下li标签中有span子标签的
<ul> ?<li>AAAAA</li> ?<li title="hello" class="box2">BBBBB</li> ?<li class="box">CCCCC</li> ?<li title="hello">DDDDDD</li> ?<li title="two"><span>BBBBB</span></li></ul><li>eeeee</li><li>EEEEE</li><br>
具体实现如下:
//获得ul下的所有li ?var $lis = $("ul>li"); ???// 1. ul下li标签第一个 ???//$lis.first().css("background","red"); ???// 2. ul下li标签的最后一个 ???$lis.last().css("background","red"); ???// 3. ul下li标签的第二个 ???$lis.eq(1).css("background","red") ???// 4. ul下li标签中title属性为hello的 ???$lis.filter("[title=‘hello‘]").css("background","red"); ???// 5. ul下li标签中title属性不为hello的 ???$lis.filter(‘[title!=hello]‘).filter(‘[title]‘).css(‘background‘, ‘red‘) ???$lis.not(‘[title=hello]‘).css(‘background‘, ‘red‘) ???// 6. ul下li标签中有span子标签的 ???$lis.has("span").css(‘background‘, ‘red‘);
jQuery之过滤元素
原文地址:https://www.cnblogs.com/caicaihong/p/9390067.html