jQuery1.2选择器
jQuery1.2选择器
以下的文档根据官网1.2选择器汉化,并做相应的调整及加入了部份示例。
由于实际使用中选择器在IE和非IE下会有不同的效果,请参照红色的字样。如有错误请及时联系我。
绯雨汉化:http://feiyu.asgard.cn
	
基本选择器
| 
 #myid  | 
 返回: 对象>  | 
| 
 匹配一个id为myid的元素。  | 
|
| 
 element  | 
 返回: 对象> 数组  | 
| 
 匹配所有的element元素  | 
|
| 
 .myclass  | 
 返回: 对象> 数组  | 
| 
 匹配所有class为myclass的元素  | 
|
| 
 *  | 
 返回: 对象> 数组  | 
| 
 匹配所有元素。该选择器会选择文档中所有的元素,包括html,head,body  | 
|
| 
 selector1,selector2,selectorN  | 
 返回: 对象> 数组  | 
| 
 匹配所有满足selector1或selector2或selectorN的元素  | 
|
层次选择
| 
 elementParent elementChild  | 
 返回: 对象> 数组  | 
| 
 匹配elementParent下的所有子元素elementChild。例如:$("div p") 选择所有div下的p元素  | 
|
| 
 elementParent > elementChild  | 
 返回: 对象> 数组  | 
| 
 匹配elementParent下的子元素elementChild。例如:$("div>p") 选择所有上级元素为div的p元素  | 
|
| 
 prev+next  | 
 返回: 对象> 数组  | 
| 
 匹配prev同级之后紧邻的元素next。例如:$("h1+div") 选择所有div同级之前为h1的元素()  | 
|
| 
 prev ~ siblings  | 
 返回: 对象> 数组  | 
| 
 匹配prev同级之后的元素siblings。例如:$("h1~div") 可以匹配()  | 
|
基本滤镜
| 
 :first  | 
 返回: 对象>  | 
| 
 匹配第一个元素  | 
|
| 
 :last  | 
 返回: 对象>  | 
| 
 匹配最后一个元素  | 
|
| 
 :not(selector)  | 
 返回: 对象> 数组  | 
| 
 匹配不满足selector的元素  | 
|
| 
 :has(selector)  | 
 返回: 对象> 数组  | 
| 
 匹配包含满足selector的元素。此选择器为1.2新增  | 
|
| 
 :even  | 
 返回: 对象> 数组  | 
| 
 从匹配的元素集中取序数为偶数的元素。  | 
|
| 
 :odd  | 
 返回: 对象> 数组  | 
| 
 从匹配的元素集中取序数为奇数的元素。  | 
|
| 
 :eq(index)  | 
 返回: 对象> 数组  | 
| 
 从匹配的元素集中取第index个元素  | 
|
| 
 :gt(index)  | 
 返回: 对象> 数组  | 
| 
 从匹配的元素中取序数大于index的元素  | 
|
| 
 :lt(index)  | 
 返回: 对象> 数组  | 
| 
 从匹配的元素中取序数小于index的元素  | 
|
| 
 :header  | 
 返回: 对象> 数组  | 
| 
 匹配所有的标题元素,例如h1,h2,h3……hN。此选择器为1.2新增  | 
|
| 
 :animated  | 
 返回: 对象> 数组  | 
| 
 匹配正在执行动画的元素。此选择器为1.2新增  | 
|
| 
 :empty  | 
 返回: 对象> 数组  | 
| 
 匹配所有没有子元素(包括文本内容)的元素  | 
|
| 
 :parent  | 
 返回: 对象> 数组  | 
| 
 匹配包含子元素(包含文本内容)的所有元素  | 
|
| 
 :contains(text)  | 
 返回: 对象> 数组  | 
| 
 匹配所有含有text的元素  | 
|
| 
 :hidden  | 
 返回: 对象> 数组  | 
| 
 匹配所有隐藏的元素,包含属性type值为hidden的元素  | 
|
| 
 :visible  | 
 返回: 对象> 数组  | 
| 
 匹配所有非隐藏的元素  | 
|
子元素滤镜
| 
 E:nth-child(index/even/odd/equation)  | 
 返回: 对象> 数组  | 
| 
 匹配所有E在其父元素下满足(index/even/odd/equation)条件的集合。注:下标从1开始  | 
|
| 
 E:first-child  | 
 返回: 对象> 数组  | 
| 
 匹配所有E在其父元素下是第一个子元素的集合。例如:HTML("),使用$("p:first-child"),选取:  | 
|
| 
 E:last-child  | 
 返回: 对象> 数组  | 
| 
 匹配所有E在其父元素下是最后一个子元素的集合。例如:同上的HTML,使用$("p:last-child"),选取:  | 
|
| 
 E:only-child  | 
 返回: 对象> 数组  | 
| 
 匹配所有E是其父元素的唯一子元素的集合。例如:同上的HTML,使用$("p:only-child"),选取:  | 
|
表单滤镜
| 
 :input  | 
 返回: 对象> 数组  | 
| 
 匹配所有的input、textarea、select、button  | 
|
| 
 :text  | 
 返回: 对象> 数组  | 
| 
 匹配文本域。注:在IE浏览器下,选择的对象是所有type属性为text的元素,在非IE浏览器下,选择的对象是input元素type属性为text的元素  | 
|
| 
 :password  | 
 返回: 对象> 数组  | 
| 
 匹配密码域。注:在IE浏览器下,选择的对象是所有type属性为password的元素,在非IE浏览器下,选择的对象是input元素type属性为password的元素  | 
|
| 
 :radio  | 
 返回: 对象> 数组  | 
| 
 匹配单选按钮。注:在IE浏览器下,选择的对象是所有type属性为radio的元素,在非IE浏览器下,选择的对象是input元素type属性为radio的元素  | 
|
| 
 :checkbox  | 
 返回: 对象> 数组  | 
| 
 匹配复选框。注:在IE浏览器下,选择的对象是所有type属性为checkbox的元素,在非IE浏览器下,选择的对象是input元素type属性为checkbox的元素  | 
|
| 
 :submit  | 
 返回: 对象> 数组  | 
| 
 匹配提交按钮。注:在IE浏览器下,选择的对象是所有type属性为submit的元素,在非IE浏览器下,选择的对象是input元素type属性为submit的元素和button元素type属性为空或为submit的元素  | 
|
| 
 :image  | 
 返回: 对象> 数组  | 
| 
 匹配图像域。注:在IE浏览器下,选择的对象是所有type属性为image的元素,在非IE浏览器下,选择的对象是input元素type属性为image的元素  | 
|
| 
 :reset  | 
 返回: 对象> 数组  | 
| 
 匹配重置按钮。注:在IE浏览器下,选择的对象是所有type属性为reset的元素,在非IE浏览器下,选择的对象是input或button元素type属性为reset的元素  | 
|
| 
 :button  | 
 返回: 对象> 数组  | 
| 
 匹配按钮。注:在IE浏览器下,选择的对象是所有type属性为button的元素和元素名为button的元素,在非IE浏览器下,选择的对象是input元素type属性为button的元素和元素名为button的元素  | 
|
| 
 :file  | 
 返回: 对象> 数组  | 
| 
 匹配文件域。注:在IE浏览器下,选择的对象是所有type属性为file的元素,在非IE浏览器下,选择的对象是input元素type属性为file的元素  | 
|
| 
 :enabled  | 
 返回: 对象> 数组  | 
| 
 匹配所有可用的元素。注:即:not(:disabled),参考:disabled的注释  | 
|
| 
 :disabled  | 
 返回: 对象> 数组  | 
| 
 匹配所有禁用的元素。注:在非IE浏览器下,选择的对象是禁用的表单元素  | 
|
| 
 :checked  | 
 返回: 对象> 数组  | 
| 
 匹配所有被选中的表单。注:在IE浏览器下,选择的对象是含有checked属性的所有元素  | 
|
| 
 :selected  | 
 返回: 对象> 数组  | 
| 
 匹配所有选择的表单。注:在IE浏览器下,选择的对象是含有selected属性的所有元素  | 
|
属性滤镜
| 
 [attribute]  | 
 返回: 对象> 数组  | 
| 
 匹配拥有attribute属性的元素  | 
|
| 
 [attribute=value]  | 
 返回: 对象> 数组  | 
| 
 匹配属性attribute为value的元素  | 
|
| 
 [attribute!=value]  | 
 返回: 对象> 数组  | 
| 
 匹配属性attribute不为value的元素  | 
|
| 
 [attribute^=value]  | 
 返回: 对象> 数组  | 
| 
 匹配属性attribute的值以value开始的元素  | 
|
| 
 [attribute$=value]  | 
 返回: 对象> 数组  | 
| 
 匹配属性attribute的值以value结尾的元素  | 
|
| 
 [attribute*=value]  | 
 返回: 对象> 数组  | 
| 
 匹配属性attribute的值包含value的元素  | 
|
| 
 [selector1][selector2][selectorN]  | 
 返回: 对象> 数组  | 
| 
 匹配满足属性选择器selector1、selector2、selectorN的元素  | 
|
热榜
这个热榜展示了最常用选择器的排名,数据是根据使用jQuery的著名网站分析得来的。热榜中的选择器已被归类(如,'div span'和'ul li'都是'tag tag'形式)。红色部分表示与W3C规范不兼容。% Used一栏表示选择器使用百分比(# of Uses一栏表示选择器使用次数)。只用过一次的选择器没在热榜中罗列。
| 
 % Used  | 
 # of Uses  | 
|
| 
 #id  | 
 51.290%  | 
 1431  | 
| 
 .class  | 
 13.082%  | 
 365  | 
| 
 tag  | 
 6.416%  | 
 179  | 
| 
 tag.class  | 
 3.978%  | 
 111  | 
| 
 #id tag  | 
 2.151%  | 
 60  | 
| 
 tag#id  | 
 1.935%  | 
 54  | 
| 
 #id:visible  | 
 1.577%  | 
 44  | 
| 
 #id .class  | 
 1.434%  | 
 40  | 
| 
 .class .class  | 
 1.183%  | 
 33  | 
| 
 *  | 
 0.968%  | 
 27  | 
| 
 #id tag.class  | 
 0.932%  | 
 26  | 
| 
 #id:hidden  | 
 0.789%  | 
 22  | 
| 
 tag[name=value]  | 
 0.645%  | 
 18  | 
| 
 .class tag  | 
 0.573%  | 
 16  | 
| 
 [name=value]  | 
 0.538%  | 
 15  | 
| 
 tag tag  | 
 0.502%  | 
 14  | 
| 
 #id #id  | 
 0.430%  | 
 12  | 
| 
 #id tag tag  | 
 0.358%  | 
 10  | 
| 
 tag[name$=value]  | 
 0.323%  | 
 9  | 
| 
 #id :checkbox  | 
 0.323%  | 
 9  | 
| 
 #id #id :selected  | 
 0.287%  | 
 8  | 
| 
 .class tag.class  | 
 0.287%  | 
 8  | 
| 
 tag#id > tag  | 
 0.287%  | 
 8  | 
| 
 tag, tag  | 
 0.251%  | 
 7  | 
| 
 tag.class tag  | 
 0.251%  | 
 7  | 
| 
 tag .class  | 
 0.215%  | 
 6  | 
| 
 :radio  | 
 0.215%  | 
 6  | 
| 
 #id, #id, #id  | 
 0.215%  | 
 6  | 
| 
 #id .class tag  | 
 0.215%  | 
 6  | 
| 
 :text  | 
 0.215%  | 
 6  | 
| 
 tag, tag, tag  | 
 0.215%  | 
 6  | 
| 
 .class .class .class  | 
 0.215%  | 
 6  | 
| 
 #id tag[name=value]  | 
 0.179%  | 
 5  | 
| 
 :checkbox  | 
 0.179%  | 
 5  | 
| 
 tag[name*=value]  | 
 0.179%  | 
 5  | 
| 
 #id, #id  | 
 0.179%  | 
 5  | 
| 
 tag.class tag.class tag  | 
 0.143%  | 
 4  | 
| 
 tag.class .class  | 
 0.143%  | 
 4  | 
| 
 tag:selected  | 
 0.143%  | 
 4  | 
| 
 .class .class .class tag  | 
 0.143%  | 
 4  | 
| 
 .class.class  | 
 0.143%  | 
 4  | 
| 
 tag:file  | 
 0.143%  | 
 4  | 
| 
 tag, tag[name=value]  | 
 0.143%  | 
 4  | 
| 
 #id, tag[name$=value]  | 
 0.143%  | 
 4  | 
| 
 tag[name!=value]  | 
 0.143%  | 
 4  | 
| 
 .class .class tag + .class  | 
 0.108%  | 
 3  | 
| 
 .class .class tag:gt(2)  | 
 0.108%  | 
 3  | 
| 
 tag:submit, tag:image, tag:submit  | 
 0.108%  | 
 3  | 
| 
 tag.class tag.class tag.class tag.class tag.class tag.class  | 
 0.108%  | 
 3  | 
| 
 #id tag tag.class tag.class tag  | 
 0.108%  | 
 3  | 
| 
 :input  | 
 0.108%  | 
 3  | 
| 
 tag.class tag.class  | 
 0.108%  | 
 3  | 
| 
 .class .class tag:has(tag[name^=value])  | 
 0.108%  | 
 3  | 
| 
 #id tag.class tag  | 
 0.108%  | 
 3  | 
| 
 tag:eq(0)  | 
 0.108%  | 
 3  | 
| 
 #id :input  | 
 0.108%  | 
 3  | 
| 
 tag#id tag#id tag  | 
 0.108%  | 
 3  | 
| 
 .class, .class  | 
 0.108%  | 
 3  | 
| 
 tag:eq(1)  | 
 0.108%  | 
 3  | 
| 
 tag#id tag  | 
 0.108%  | 
 3  | 
| 
 .class tag#id  | 
 0.072%  | 
 2  | 
| 
 #id tag:first  | 
 0.072%  | 
 2  | 
| 
 #id tag tag[name!=value]  | 
 0.072%  | 
 2  | 
| 
 .class #id tag tag  | 
 0.072%  | 
 2  | 
| 
 tag#id tag.class  | 
 0.072%  | 
 2  | 
| 
 tag:filled  | 
 0.072%  | 
 2  | 
| 
 tag:first  | 
 0.072%  | 
 2  | 
| 
 .class tag tag.class  | 
 0.072%  | 
 2  | 
| 
 #id tag.class tag tag.class  | 
 0.072%  | 
 2  | 
| 
 tag.class tag.class tag.class  | 
 0.072%  | 
 2  | 
| 
 #id #id #id tag.class  | 
 0.072%  | 
 2  | 
| 
 tag[name$=value], #id  | 
 0.072%  | 
 2  | 
| 
 tag tag tag  | 
 0.072%  | 
 2  | 
| 
 :submit, tag:image  | 
 0.072%  | 
 2  | 
| 
 .class .class tag  | 
 0.072%  | 
 2  | 
| 
 [name=value]:first  | 
 0.072%  | 
 2  | 
| 
 .class .class, #id  | 
 0.072%  | 
 2  | 
| 
 #id .class tag.class  | 
 0.072%  | 
 2  | 
| 
 .class #id .class  | 
 0.072%  | 
 2  | 
| 
 #id #id tag tag  | 
 0.072%  | 
 2  | 
| 
 tag[name]  | 
 0.072%  | 
 2  | 
| 
 tag, tag, tag, tag  | 
 0.072%  | 
 2  | 
| 
 tag#id tag#id tag.class  | 
 0.072%  | 
 2  | 
| 
 tag:unchecked  | 
 0.072%  | 
 2  | 
| 
 #id .class.class  | 
 0.072%  | 
 2  | 
| 
 #id tag.class tag > tag  | 
 0.072%  | 
 2  | 
| 
 .class tag tag tag  | 
 0.072%  | 
 2  | 
| 
 tag.class:first  | 
 0.072%  | 
 2  | 
| 
 .class tag.class tag  | 
 0.072%  | 
 2  | 
| 
 tag#id tag.class:first  | 
 0.072%  | 
 2  | 
| 
 #id tag.class tag.class tag  | 
 0.072%  | 
 2  | 
| 
 .class tag tag  | 
 0.072%  | 
 2  | 
| 
 #id .class tag tag  | 
 0.072%  | 
 2  | 
| 
 #id tag tag#id  | 
 0.072%  | 
 2  | 
| 
 tag.class > tag  | 
 0.072%  | 
 2  | 
| 
 #id .class *  | 
 0.072%  | 
 2  | 
| 
 :input:visible  | 
 0.072%  | 
 2  | 
| 
 #id .class .class  | 
 0.072%  | 
 2  | 
| 
 #id > tag > tag > tag > tag > tag  | 
 0.072%  | 
 2  | 
| 
 #id tag.class tag tag:gt(0)  | 
 0.072%  | 
 2  | 
| 
 .class, .class, .class  | 
 0.072%  | 
 2  | 
| 
 #id #id *  | 
 0.072%  | 
 2  | 
| 
 #id > *:not(#id)  | 
 0.072%  | 
 2  | 
| 
 #id tag[name^=value]  | 
 0.072%  | 
 2  | 
| 
 .class tag.class  | 
 0.072%  | 
 2  | 
| 
 tag:blank  | 
 0.072%  | 
 2  |