IT程序狮
IT程序狮

jQuery总结一：选择器归纳

文章源自：淡忘~浅思
原文地址：http://www.ido321.com/1602.html

1、基本选择器

选择符 匹配元素
*       所有元素
id     给定ID的元素
element  给定类型的所有元素
.class   给定类的所有元素
a,b   与a或b匹配的元素
a b   a的后代元素中与b匹配的元素
a>b   a的直接子元素中与b匹配的元素
a+b   a的直接同辈元素中与b匹配的元素
a~b   a的同辈元素中与b匹配的元素

2、位置选择器

选择符                匹配元素
a b:nth-child(index)    a的子元素中，第index个与b匹配的元素（从1开始计数）
a b:nth-child(even)     a的子元素中，第偶数个与b匹配的元素（从1开始计数）
a b:nth-child(odd)      a的子元素中，第奇数个与b匹配的元素（从1开始计数）
a b:nth-child(2n+2)     a的子元素中，第2n+2个与b匹配的元素（从1开始计数）,n为自然数
a b:nth-last-child()    同:nth-child()，从最后一个元素开始计数
a b:first-child         a的子元素中，第1个与b匹配的元素
a b:last-child          a的子元素中，最后一个个与b匹配的元素
:only-child             作为其父元素唯一一个子元素的元素
a b:nth-of-type()       同:nth-child()，只计同类元素
a b:nth-last-of-type()  同:nth-last-child()，只计同类元素
a b:first-of-type()     同:first-child()，只计同类元素
a b:last-of-type()      同:last-child()，只计同类元素
a b:only-of-type()     没有同名元素的元素

3、属性选择器

选择符           匹配元素
[attr]             带有属性attr的元素
[attr="value"]     attr属性值为value的元素
[attr!="value"] attr属性值不为value的元素）
[attr^="value"] attr属性值以value开头的元素
[attr$="value"] attr属性值以value结尾的元素
[attr*="value"] attr属性值包含value字符串的元素
[attr~="value"] attr属性值是空格分隔的字符串，其中一个字符串值是value的元素
[attr|="value"] attr属性值等于value或value后跟一个连字符(-)的元素

4、表单选择器

选择符    匹配元素
:input    所有、