jquery选择过滤器的用法

jquery中的选择器可分类“标签选择器”，“类选择器”，“ID选择器”以及“选择过滤”等，下面73so博客说一说jquery中的选择过滤器。

jquery过滤选择器的方法

jquery中的选择过滤和CSS样式表中伪类选择器很相似，可以参考下面的说法。

jquery选择过滤：

:first过滤器选中文档中第一个p元素，并为其设置背景颜色为黄色。

:last过滤器选中文档中最后一个p元素，并为其设置背景颜色为绿色。

:even过滤器选中文档中序号为偶数的p元素，并为它们设置背景颜色为白色。

:odd过滤器选中文档中序号为奇数的p元素，并为它们设置背景颜色为粉色。

例：

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<p>第一行的文字</p>
<p>第二行的文字</p>
<p>第三行的文字</p>
<p>第四行的文字</p>
<p>第五行的文字</p>
<p>第六行的文字</p>
<p>第七行的文字</p>
<p>第八行的文字</p>
<p>第九行的文字</p>
<script>
$("p:first").css("background-color", "yellow");
$("p:last").css("background-color", "green");
$("p:even").css("background-color", "white");
$("p:odd").css("background-color", "pink");
</script>

以上就是jquery中的过滤选择器的用法，大家可以参考一下。