JQuery Selector总结

 

1. 基本选择器

选择器	功能	返回值
#id	根据给定的id匹配一个元素	单个元素
element	根据给定的element匹配所有元素	元素集合
.class	根据给定的class匹配元素	元素集合
*	匹配所有元素	元素集合
selector1,selectorN	将每一个选择器匹配到的元素合并后一起返回	元素集合

2.层次选择器

选择器	功能	返回值
ancestor descendant	根据ancestor元素匹配所有descendant元素	元素集合
parent > child	根据parent匹配所有child元素	元素集合
prev + next	匹配所有紧接在prev元素之后的相邻元素	元素集合
prev ~ siblings	匹配prev之后的所有兄弟元素	元素集合

注：siblings()方法是匹配所有兄弟元素，而选择器prev~siblings仅匹配prev后面的所有元素。

3.简单过滤选择器

选择器	功能	返回值
first()或 :first	获取第一个元素	单个元素
last()或 :last	获取最后一个元素	单个元素
:not(selector)	获取除去给定选择器之外的所有元素	元素集合
:even	获取所有index值为偶数的元素，index从0开始	元素集合
:odd	获取所有index值为奇数的元素，index从0开始	元素集合
:eq(index)	获取索引号等于index的元素，index从0开始	单个元素
:gt(index)	获取索引号大于index的元素，index从0开始	元素集合
:lt(index)	获取索引号小于index的元素，index从0开始	元素集合
:header	获取所有标题类型的元素，如h1,h2...	元素集合
:antimated	获取正在执行动画效果的元素	元素集合

4. 内容过滤选择器

选择器	功能	返回值
:contains(text)	获取包含给定文本的元素	元素集合
:empty	获取所有不包含子元素和文本的空元素	元素集合
:has(selector)	获取含有选择器所匹配的元素的元素	元素集合
:parent	获取含有子元素或文本的元素	元素集合

5.可见性过滤选择器

选择器	功能	返回值
:hidden	获取所有不可见元素，或type为hidden的元素	元素集合
:visible	获取所有可见的元素	元素集合

6.属性过滤选择器

选择器	功能	返回值
[attribute]	获取包含给定属性的元素	元素集合
[attribute=value]	获取等于给定属性是某个特定值的元素	元素集合
[attribute!=value]	获取不等于给定属性是某个特定值的元素	元素集合
[attribute^=value]	获取给定的属性是以某些值开始的元素	元素集合
[attribute$=value]	获取给定的属性是以某些值结束的元素	元素集合
[attribute*=value]	获取给定的属性是以包含某些值的元素	元素集合
[selector1][selector2]	获取满足多个条件的符合属性的元素	元素集合

7. 子元素过滤选择器

选择器	功能	返回值
:nth-child(index|odd|even|eq)	获取每个元素下的特定位置的元素，index从1开始	元素集合
:first-child	获取每个父元素下的第一个子元素	元素集合
:last-child	获取每个父元素下的最后一个子元素	元素集合
:only-child	获取每个父元素下的仅有一个子元素	元素集合

8.表单对象属性过滤选择器

选择器	功能	返回值
:enable	获取表单中所有属性为可用的元素	元素集合
:disable	获取表单中所有属性为不可用的元素	元素集合
:checked	获取表单中所有被选中的元素	元素集合
:selected	获取表单中所有被选中的option元素	元素集合

9.表单选择器

选择器	功能	返回值
:input	获取所有input textarea select	元素集合
:text	获取所有单行文本框	元素集合
:password	获获取所有密码框	元素集合
:radio	获取所有单选按钮	元素集合
:checkbox	获取所有复选框	元素集合
:submit	获取所有提交按钮	元素集合
:image	获取所有图像区域	元素集合
:reset	获取所有重置按钮	元素集合
:button	获取按钮	元素集合
:file	获取所有文件域	元素集合