上一次总结了JQuery的一些基础选择器(http://redstarofsleep.iteye.com/blog/930579
).
这次继续接下去:
3. 筛选,过滤选择器
(1) :first 这个选择器用来选择符合要求的第一个元素
// 选取第一个DIV
$('div:first')
<div>被选中</div>
<div>没被选中</div>
<div>没被选中</div>
(2) :last 这个跟上面那个相对,选取的是符合要求的最后一个元素
// 选取最后一个DIV
$('div:last');
<div>没被选中</div>
<div>没被选中</div>
<div>被选中</div>
(3) :not(select) 这个选择器是用来选择不符合要求的元素的
// 选择Class不是"test"的元素
$('div:not(.test)');
<div class="test">没被选中</div>
<div class="test">没被选中</div>
<div class="test">没被选中</div>
<div>被选中</div>
<div>被选中</div>
(4) :even 这个选择器用来选择索引是偶数的元素,从0开始编号
// 选取偶数的DIV
$('div:even');
<div>被选中</div>
<div>没被选中</div>
<div>被选中</div>
<div>没被选中</div>
<div>被选中</div>
(5) :odd 与上面的对应,选取索引是奇数的元素(这个就不举例子了)
(6) :eq(index) 这个选择器选择第index个元素
// 选择第3个DIV
$('div:eq(3)');
<div>没被选中</div>
<div>没被选中</div>
<div>没被选中</div>
<div>被选中</div>
<div>没被选中</div>
(7) :gt(index) 选取索引比index大的元素
$('div:gt(2)');
<div>没被选中</div>
<div>没被选中</div>
<div>没被选中</div>
<div>被选中</div>
<div>被选中</div>
(8) :lt(index) 与上面的相反,选取索引比index小的元素
$('div:lt(2)');
<div>被选中</div>
<div>被选中</div>
<div>被选中</div>
<div>没被选中</div>
<div>没被选中</div>
分享到:
相关推荐
jQuery选择器过滤器全面的总结,老师推荐!
jQuery选择器速查表,包括了jQuery的基本选择器、层次选择器、过滤选择器、表单选择器,方便以后查找。
jQuery选择器分为基本选择器、层次选择器、过滤选择器和表单选择器。
jquery基本过滤选择器举例、代码、html、可直接运行、学习jquery入门篇
JQ 选择器大全包含:基本选择器,层级选择器,层级函数,过滤选择器,内容选择器,可见选择器,jq中显示相关的函数,属性选择器,子元素选择器,表单选择器。里面的练习题可以拿来练手
jquery可见性过滤选择器使用示例
本文实例讲述了jQuery选择器之基本过滤选择器用法。分享给大家供大家参考,具体如下: 前面一篇介绍了层次选择器,今天我们学习一下jQuery的另一种选择器:基本过滤选择器。过滤选择器可以过滤掉自己不想要的东西,...
现在我们开始Jquery的选择器之旅哈哈。 下面的选择器分类中, 带有“过滤器”的分类表示是“过滤”选择器, 否则就是“选择”功能的选择器。 jQuery选择器分为如下几类: [说明]
(24)选择表格中第3行,标题行不算(要求用nth-child()过滤器) 上机任务3 用chrome打开dom.sample2.html页面,该页面中内嵌有几个CSS类:.red .green .blue .yellow .thickBorder .seeThrough 在chrome的控制台...
其中过滤选择器可以分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。 基本选择器: $(“#myELement”) 选择id值等于myElemen
jQuery允许开发者使用从CSS1到CSS3... jQuery选择器类型 jQuery选择器主要分为四类: 1、基本选择器 2、层次选择器 3、过滤选择器 4、表单选择器 由于过滤选择器内容比较多,因此本文仅介绍前两种,下篇文章将介绍后两
jQuery 选择器 XMind整理, 包含基本选择器,层级选择器, 过滤选择器
简单过滤选择器是过滤选择器中使用最广泛的一种 jQuery选择器详解 根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中,在过滤选择器中有可以分为:...
03-jQuery选择器和过滤器(20220302).ppt
JavaScript+jQuery 网页特效设计;;1、jQuery遍历;1、jQuery遍历;2、遍历-祖先;2、遍历-祖先;2、遍历-祖先;2、遍历-祖先;3、遍历-后代;3、遍历-后代;3、遍历-后代;4、遍历-同胞;4、遍历-同胞;4、遍历-同胞;4、遍历-...
看完“最全面的jQuery基础知识”文件包,你就能详细了解...2、内容过滤选择器 3、可见性过滤选择器 4、属性过滤选择器 5、子元素过滤选择器 6、表单对象属性过滤选择器 //不用加双引号的选择器 $(document) $(this)
主要介绍了jQuery内容过滤选择器与子元素过滤选择器用法,结合实例形式分析了jQuery内容过滤选择器与子元素过滤选择器相关功能、原理及使用方法,需要的朋友可以参考下
其主要的层次关系包括后代、父子、相邻、兄弟关系,通过其中基类关系可以方便快捷地定位元素 jQuery选择器详解 根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器、层次选择器、过滤选择器、表单选择...
#id') id选择器 2) $('.class') css选择器,class类名 3) $('element') 标签选择器,例如p,h1,div ... 5) $('sele1,sele2') 用‘,'逗号隔开可以...10) $('div:first') 过滤选择器,:first用:与父级元