jQuery基本筛选选择器实例代码

前端之家收集整理的这篇文章主要介绍了jQuery基本筛选选择器实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了jQuery基本筛选选择器的具体代码,供大家参考,具体内容如下

基本筛选器

:first/:last/:even/:odd

div:first

:even

:odd

:even

:odd

:even

div:last

:odd

<script type="text/javascript">
//:even 选择所引值为偶数的元素,从 0 开始计数
$(".div:even").css("border","3px groove red");

<script type="text/javascript">
//:odd 选择所引值为奇数的元素,从 0 开始计数
$(".div:odd").css("border","3px groove blue");

:eq/:gt/:lt

:lt(3)

:lt(3)

:eq(2)

:gt(3)

:gt(3)

<script type="text/javascript">
//:lt 选择匹配集合中所有索引值小于给定index参数的元素
//与:gt相反
$(".aaron:lt(2)").css("color","#CD00CD");

:not

Aaron

慕课

其他

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/jquery/41981.html

猜你在找的jQuery相关文章