锋利的jQuery第五期

昨日因为大图图文章图片出了点问题所以补更了一期，和大家晚见面了一天，虽然小编今日出差，但还是抓紧时间在机场把推文写好，毕竟，做人做事，安全。。。咳，信誉第一。

好啦，上一期我们介绍了两个基础过滤选择器，因为这一部分使用率未必很高，所以预计下一期会把这部分结束，进入可见性过滤器(这个一个例子就跳过了)以及属性过滤选择器。

原始效果图，大家注意里面各元素的关系。

第一发，筛选出不为某某某的元素：通过和其他选择器搭配，可以从一组选择器中进行进一步筛选，具体语法就是在冒号后加上not(xxx)，以下例子的效果为从所有div元素中筛选出class属性值不为one的元素，当然，这个比较简单，因为class属性值本身就有相应的选择器写法，如果复杂一些的大家可以借助Xpath通配符来实现。效果图如下：

具体代码如下：$("div:not(.one)").css("background","#bbffaa");

另外一个比较常用的就是eq用法，因为比较简单就一起说了，eq即通过索引位置来获取对应的元素，比如获取索引为3的元素的写法就是eq(3)，因为是索引，所以获取的就是第四个元素。效果图如下：

具体代码如下：$("div:eq(3)").css("background","#bbffaa");

第二发，接着上例，我们来看一下大于和小于，大家还记得html中要在网页输出大于号和小于号要怎么写吗？需要使用&gt和&lt，jQuery中是一样的，大于为gt，小于为lt，语法规则和eq相同，在这里补充一点，如果我们通过jQuery获取了一组元素，要提取其中的一个的时候，不要使用下标的方式或其他方式来取，因为这样会自动转为DOM对象，当然如果有这方面的需求也是没问题的，如果我们使用eq(x)，就会获得一个jQuery对象。那么我们来看如下两个例子的效果图：

代码分别为：

$("div:gt(3)").css("background","#bbffaa");

$("div:lt(3)").css("background","#bbffaa");

好啦，时间比较仓促，暂时就想到这么多，大家可以多多在文章中留言，现在公众号对话还是自动回复的状态，大家有什么建议欢迎在文章下留言，谢谢大家的支持，多多帮忙转发朋友圈，希望能吸引更多的观众和作者，谢谢大家！