Jquery(09)Jquery 筛选过滤器
一、基本筛选
- :eq() :在匹配的集合选择索引值为n的元素。
- :gt() :选择匹配集合中所有大于给定index(索引值)的元素。
- :lt() :选择匹配集合中所有小于给定index索引值)的元素。
- :even :选择偶数元素,从 0 开始计数。 也可以查看 odd.
- :odd :选择奇数元素,从 0 开始计数。同样查看偶数 even.
- :focus :选择当前获取焦点的元素。
- :root :选择该文档的根元素。
- :header :选择所有标题元素,像h1, h2, h3 等.
- :lang :选择指定语言的所有元素。
- :first :选择第一个匹配的元素。
- :last :选择最后一个匹配的元素。
- :not() :选择所有元素去除不匹配给定的选择器的元素。
- :target :选择 由文档URI的格式化识别码表示的目标元素。
- :animated :选择所有正在执行动画效果的元素.
二、内容过滤
- :contains() :选择所有包含指定文本的元素。
- :empty :选择所有没有子元素的元素(包括文本节点)。
- :has() :选择元素其中至少包含指定选择器匹配的一个种元素。
- :parent :选择所有含有子元素或者文本的父级元素。
三、可见性筛选
- :hidden :选择所有隐藏的元素。
- :visible :选择所有可见的元素。
四、属性选择器
选择器将属性值视为一个单独的字符串, 例如,$("a[rel='nofollow']")
, 将选择Some text
但不选择Some text
。
在选择器表达式中的属性值必须遵循W3C的CSS选择器规则; 在一般情况下, 这意味着任何东西,就是说有效的标识符应该使用引号括起来。
- 单引号里的双引号:
$('a[rel="nofollow self"]')
- 双引号里的单引号:
$("a[rel='nofollow self']")
- 单引号里面转义单引号:
$('a[rel=\'nofollow self\']')
- 双引号里面转义双引号:
$("a[rel=\"nofollow self\"]")
清单:
- [name|="value"]:选择指定属性值等于给定字符串或以该字符串为前缀(该字符串后跟一个连字符“-” )的元素。这个选择器是来处理语言属性。
- [name*="value"]:选择指定属性具有包含一个给定的子字符串的元素。(选择给定的属性是以包含某些值的元素)
- [name~="value"]:选择指定属性用空格分隔的值中包含一个给定单词的元素。匹配<input name="milk man" />,不匹配<input name="man-news" />。
- [name^="value"]:选择指定属性是以给定字符串开始的元素
- [name$="value"]:选择指定属性是以给定值结尾的元素。这个比较是区分大小写的。
- [name="value"]:选择指定属性是给定值的元素。
- [name!="value"]:选择不存在指定属性,或者指定的属性值不等于给定值的元素。
- [name]:选择所有具有指定属性的元素,该属性可以是任何值。
- [name="value"][name2="value2"]:选择匹配所有指定的属性筛选器的元素,需要同时匹配所有的筛选器。
五、内容筛选
- :first-child :选择所有父级元素下的第一个子元素。
- :last-child :选择所有父级元素下的最后一个子元素。
- :first-of-type :选择所有相同的元素名称的第一个兄弟元素。
- :last-of-type :选择所有相同的元素名称的最后一个兄弟元素。
- :nth-child() :选择的他们所有父元素的第n个子元素。
- :nth-last-child() :选择的他们所有父元素的第n个子元素。计数从最后一个元素到第一个。
- :nth-last-of-type() :选择的他们所有父元素的第n个子元素。计数从最后一个元素到第一个。
- :nth-of-type() :选择他们父元素的兄弟元素中所有第n个子元素,且相同的元素名称。
- :only-child :选择所有其父元素下只有一个子元素的元素。
- :only-of-type :选择所有元素没有兄弟元素具有相同的元素名称的所有元素。
posted on 2018-08-12 00:23 springsnow 阅读(203) 评论(0) 编辑 收藏 举报