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

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

rush:xhtml;">

基本筛选器

:first/:last/:even/:odd

div:first

:even

:odd

:even

:odd

:even

div:last

:odd

<script type="text/javascript">
//找到最后一个div
$(".div:last").css("color","#CD00CD");

<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

其他

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

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: &lt;span id=&quot...
jQuery 添加水印 &lt;script src=&quot;../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...