hi,欢迎访问本站!
当前位置: 首页Web前端正文

jquery选择过滤器的用法

墨初 Web前端 250阅读

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中的过滤选择器的用法,大家可以参考一下。

声明:无特别说明,转载请标明本文来源!