jQuery 选择器 

 

基本选择器

1、#myid 返回: <jQuery对象> ：匹配一个id为myid的元素。
2、element 返回: <jQuery对象> 数组：匹配所有的element元素
3、.myclass 返回: <jQuery对象> 数组：匹配所有class为myclass的元素
4、* 返回: <jQuery对象> 数组：匹配所有元素。该选择器会选择文档中所有的元素，包括html，head，body
5、selector1,selector2,selectorN 返回: <jQuery对象> 数组：匹配所有满足selector1或selector2或selectorN的元素

层次选择

1、elementParent elementChild 返回: <jQuery对象> 数组
匹配elementParent下的所有子元素elementChild。例如：$("div p") 选择所有div下的p元素
2、elementParent > elementChild 返回: <jQuery对象> 数组
匹配elementParent下的子元素elementChild。例如：$("div>p") 选择所有上级元素为div的p元素
3、prev+next 返回: <jQuery对象> 数组
匹配prev同级之后紧邻的元素next。例如：$("h1+div") 选择所有div同级之前为h1的元素（<h1 /><div />）
4、prev ~ siblings 返回: <jQuery对象> 数组
匹配prev同级之后的元素siblings。例如：$("h1~div") 可以匹配（<h1 /><div /><div />）

基本滤镜

1、:first 返回: <jQuery对象> ：匹配第一个元素
2、:last 返回: <jQuery对象> ：匹配最后一个元素
3、:not(selector) 返回: <jQuery对象> 数组 ：匹配不满足selector的元素
4、:has(selector) 返回: <jQuery对象> 数组 ：匹配包含满足selector的元素。此选择器为1.2新增
5、:even 返回: <jQuery对象> 数组 ：从匹配的元素集中取序数为偶数的元素。
6、:odd 返回: <jQuery对象> 数组 ：从匹配的元素集中取序数为奇数的元素。
7、:eq(index) 返回: <jQuery对象> 数组：从匹配的元素集中取第index个元素
8、:gt(index) 返回: <jQuery对象> 数组 ：从匹配的元素中取序数大于index的元素
9、:lt(index) 返回: <jQuery对象> 数组 ：从匹配的元素中取序数小于index的元素
10、:header 返回: <jQuery对象> 数组 ：匹配所有的标题元素，例如h1，h2，h3……hN。此选择器为1.2新增
11、:animated 返回: <jQuery对象> 数组 ：匹配正在执行动画的元素。此选择器为1.2新增
12、:empty 返回: <jQuery对象> 数组 ：匹配所有没有子元素（包括文本内容）的元素
13、:parent 返回: <jQuery对象> 数组 ：匹配包含子元素（包含文本内容）的所有元素
14、:contains(text) 返回: <jQuery对象> 数组：匹配所有含有text的元素
15、:hidden 返回: <jQuery对象> 数组 ：匹配所有隐藏的元素，包含属性type值为hidden的元素
16、:visible 返回: <jQuery对象> 数组 ：匹配所有非隐藏的元素

子元素滤镜

1、E:nth-child(index/even/odd/equation) 返回: <jQuery对象> 数组
匹配所有E在其父元素下满足（index/even/odd/equation）条件的集合。注：下标从1开始
2、E:first-child 返回: <jQuery对象> 数组
匹配所有E在其父元素下是第一个子元素的集合。例如：HTML（<div><p id="p1"></p></div><div><p id="p2"></p><p id="p3"></p></div>"），使用$("p:first-child")，选取：<p id="p1"></p><p id="p2"></p> 
3、E:last-child 返回: <jQuery对象> 数组
匹配所有E在其父元素下是最后一个子元素的集合。例如：同上的HTML，使用$("p:last-child")，选取：<p id="p1"></p><p id="p3"></p>
4、E:only-child 返回: <jQuery对象> 数组
匹配所有E是其父元素的唯一子元素的集合。例如：同上的HTML，使用$("p:only-child")，选取：<p id="p1"></p>

表单滤镜

1、:input 返回: <jQuery对象> 数组 ：匹配所有的input、textarea、select、button
2、:text 返回: <jQuery对象> 数组 ：匹配文本域。注：在IE浏览器下，选择的对象是所有type属性为text的元素，在非IE浏览器下，选择的对象是input元素type属性为text的元素
3、:password 返回: <jQuery对象> 数组 ：匹配密码域。注：在IE浏览器下，选择的对象是所有type属性为password的元素，在非IE浏览器下，选择的对象是input元素type属性为password的元素
4、:radio 返回: <jQuery对象> 数组 ：匹配单选按钮。注：在IE浏览器下，选择的对象是所有type属性为radio的元素，在非IE浏览器下，选择的对象是input元素type属性为radio的元素
5、:checkbox 返回: <jQuery对象> 数组：匹配复选框。注：在IE浏览器下，选择的对象是所有type属性为checkbox的元素，在非IE浏览器下，选择的对象是input元素type属性为checkbox的元素
6、:submit 返回: <jQuery对象> 数组 ：匹配提交按钮。注：在IE浏览器下，选择的对象是所有type属性为submit的元素，在非IE浏览器下，选择的对象是input元素type属性为submit的元素和button元素type属性为空或为submit的元素
7、:image 返回: <jQuery对象> 数组 ：匹配图像域。注：在IE浏览器下，选择的对象是所有type属性为image的元素，在非IE浏览器下，选择的对象是input元素type属性为image的元素
8、:reset 返回: <jQuery对象> 数组 ：匹配重置按钮。注：在IE浏览器下，选择的对象是所有type属性为reset的元素，在非IE浏览器下，选择的对象是input或button元素type属性为reset的元素
9、:button 返回: <jQuery对象> 数组 ：匹配按钮。注：在IE浏览器下，选择的对象是所有type属性为button的元素和元素名为button的元素，在非IE浏览器下，选择的对象是input元素type属性为button的元素和元素名为button的元素
10、:file 返回: <jQuery对象> 数组 ：匹配文件域。注：在IE浏览器下，选择的对象是所有type属性为file的元素，在非IE浏览器下，选择的对象是input元素type属性为file的元素
11、:enabled 返回: <jQuery对象> 数组 ：匹配所有可用的元素。注：即:not(:disabled)，参考:disabled的注释
12、:disabled 返回: <jQuery对象> 数组 ：匹配所有禁用的元素。注：在非IE浏览器下，选择的对象是禁用的表单元素
13、:checked 返回: <jQuery对象> 数组 ：匹配所有被选中的表单。注：在IE浏览器下，选择的对象是含有checked属性的所有元素
14、:selected 返回: <jQuery对象> 数组 ：匹配所有选择的表单。注：在IE浏览器下，选择的对象是含有selected属性的所有元素

属性滤镜

1、[attribute] 返回: <jQuery对象> 数组 ：匹配拥有attribute属性的元素
2、[attribute=value] 返回: <jQuery对象> 数组 ：匹配属性attribute为value的元素
3、[attribute!=value] 返回: <jQuery对象> 数组 ：匹配属性attribute不为value的元素
4、[attribute^=value] 返回: <jQuery对象> 数组 ：匹配属性attribute的值以value开始的元素
5、[attribute$=value] 返回: <jQuery对象> 数组 ：匹配属性attribute的值以value结尾的元素
6、[attribute*=value] 返回: <jQuery对象> 数组 ：匹配属性attribute的值包含value的元素
7、[selector1][selector2][selectorN] 返回: <jQuery对象> 数组 ：匹配满足属性选择器selector1、selector2、selectorN的元素