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

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 获取每个父元素下的仅有一个子元素 元素集合





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章