您的位置:首页 > Web前端 > JQuery

jQuery学习笔记(三)--jQuery选择器2

2014-07-02 23:12 211 查看
4)内容过滤选择器

内容过滤选择器根据元素中的文字内容或所包含的子元素特征获取元素,其文字内容可以模糊或绝对匹配进行元素定位,其详细说明如下表所示:

内容过滤选择器语法

选择器功能返回值
:contains(text)获取包含给定文本的元素元素集合
:empty获取所有不包含子元素或者文本的空元素元素集合
:has(selector)获取含有选择器所匹配的元素的元素元素集合
:parent获取含有子元素或文本的元素元素集合
5)可见性过滤选择器

可见性过滤选择器根据元素是否课件的特征获取元素,其详细说明如表所示。

可见性过滤选择器语法

选择器功能返回值
:hidden获取所有不可见元素,或者type为hidden的元素元素集合
:visible获取所有的可见的元素元素集合
6)属性过滤选择器

属性过滤选择器根据元素的某个属性获取元素,如ID号或者匹配属性值的内容,并以"["号开始、以"]"号结束。其详细说明如表所示。

属性过滤选择器语法

选择器功能
[attribute]获取包含给定属性的元素元素集合
[attribute = value]获取等于给定的属性是某个特定值的元素元素集合
[attribute != value]获取不等于给定的属性是某个特定值的元素元素集合
[attribute ^= value]获取给定的属性是以某些值开始的元素元素集合
[attribute $= value]获取给定的属性是以某些值结尾的元素元素集合
[attribute *= value]获取给定的属性是以包含某些值的元素元素集合
[selector1][selector2][selectorN]获取满足多个条件的复合属性的元素元素集合
7)子元素过滤选择器

在页面开发过程中,常常遇到突出指定某行的需求。虽然使用基本过滤选择器:eq(index)可实现单个表格的显示,但不能满足大量数据和多个表格的选择需求。为了实现这样的功能,jQuery中可以通过子元素过滤选择器轻松获取所有父元素中指定的某个元素。其详细说明如下所示:

子元素过滤选择器语法

选择器功能返回值
:nth-child(eq|even|odd|index)获取每个父元素下的特定位置元素,索引号从1开始元素集合
:first-child获取每个父元素下的第一个子元素元素集合
:last-child获取每个父元素下的最后一个子元素元素集合
:only-child获取每个父元素下的仅有一个子元素元素集合
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: