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 ：选择所有元素没有兄弟元素具有相同的元素名称的所有元素。