什么时选择器
jQuery选择器继承了CSS与Path语言的语法,允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择,而不必担心浏览器的兼容性,通过jQuery选择器对页面元素的精准定位,才能完成元素属性和行为的处理。
基本选择器
选择器 | 功能 | 返回值 |
#id | 根据给定的ID匹配 一个元素 | 单个元素 |
element | 根据给定的元素名匹配所有元素 | 元素集合
|
.class | 根据给定的元素类匹配元素 | 元素集合 |
* | 匹配所有元素 | 元素集合 |
selector1,selectorN | 将每一个元素匹配到元素合并后地起返回 | 元素集合 |
层次选择器
层次选择器通过DOM元素间的层次关系获取元素,其主要的层次关系包括后代、父子、相邻、兄弟关系,通过其中某类关系可以主便快捷地定位元素。
选择器 | 功能 | 返回值 |
ancestor descendant | 根据祖先元素匹配所有后代元素 | 元素集合 |
parent>child | 根据父元素匹配所有子元素 | 元素集合 |
prev+next | 匹配所有紧接在prev元素后的相邻元素 | 元素集合 |
prev~siblings | 匹配prev元素之后的所有兄弟元素 | 元素集合 |
siblings()方法与选择器 prev~siblings区别在于,前者获取全部相邻元素,不分前后,而后者仅获取标记后面全部相邻元素,不能获取前面部分。
过滤选择器
简单过滤选择器
选择 | 功能 | 返回值 |
first()或:first | 获取第一个元素 | 单个元素 |
last()或:last | 获取最后一个元素 | 单个元素 |
:not(selector) | 获取除给定选择器外的所有元素 | 元素集合 |
:even | 获取所有索引值为偶数的元素,索引从0开始 | 元素集合 |
:odd | 获取所有索引值为奇数的元素,索引号从0开始 | 元素集合 |
:eq(index) | 获取指定索引值的元素,索引号从0开始 | 单个元素 |
:gt(index) | 所有大于给定索引值的元素,索引号从0开始, | 单个元素 |
:lt(index) | 获取所有小于给定索引值的元素,索引号从0开始 | 元素集合 |
:header | 获取所有标题类型的元素,如h1,h2 | 元素集合 |
:animated | 获取正在执行动画效果的元素 | 元素集合 |
内容过滤选择器
选择器 | 功能 | 返回值 |
:contains(text) | 获取包含给定文本的元素 | 元素集合 |
:empty | 获取所有不包含子元素或者文本的空元素 | 元素集合 |
:has(selector) | 获取含有选择器所匹配的元素的元素 | 元素集合 |
:parent | 获取含有子元素或者文本的元素 | 元素集合 |
可见性过滤选择器
选择器 | 功能 | 返回值 |
:hidden | 获取所有不可见元素,或者type为Hidden元素 | 元素集合 |
:visible | 获取所有可见元素 | 元素集合 |
属性过滤选择器
选择器 | 功能 | 返回值 |
[attribute] | 获取包含给定属性的元素 | 元素集合 |
[attribute=value] | 获取等于给定的属性是某个特定值的元素 | 元素集合 |
[atrribute!=value] | 获取不等于给定的属性是某个特定值的元素 | 元素集合 |
[atrribute!=value] | 获取给定的属性是以某些值开始的元素 | 元素集合 |
[attribute$=value] | 获取给定的属性是以某些值结尾的元素 | 元素集合 |
[attribute*=value] | 获取给定的属性是以包含某些值的元素 | 元素集合 |
[selector1][selector2][selectorN] | 获取满足多个条件的复合属性的元素 | 元素集合 |
子元素过滤选择器
选择器 | 功能 | 返回值 |
:nth-child(eq|even|odd|index) | 获取每个元素下的特定位置元素,索引号从1开始 | 元素集合 |
:first-child | 获取每个父元素下的第一个子元素 | 元素集合 |
:last-child | 获取每个父元素下的最后一个子元素 | 元素集合 |
:only-child | 获取每个父元素下的仅有一个子元素 | 元素集合 |
表单对象对象属性过滤 选择器
选择器 | 功能 | 返回值 |
:enabled | 获取表单中所有属性为可用的元素 | 元素集合 |
:disabled | 获取表单中所有属性为不可用的元素 | 元素集合 |
:checked | 获取表单中所有被选中的元素 | 元素集合 |
:selected | 获取表单中所有被选中option的元素 | 元素集合 |
表单选择器
选择器 | 功能 | 返回值 |
:input | 获取所有input、textarea、select | 元素集合 |
:text | 获取所有单行文本框 | 元素集合 |
:password | 获取所有密码框 | 元素集合 |
:radio | 获取所有单选按钮 | 元素集合 |
:checkbox | 获取所有复选框 | 元素集合 |
:submit | 获取所有提交按钮 | 元素集合 |
:image | 获取所有图像域 | 元素集合 |
:reset | 获取所有重置按钮 | 元素集合 |
:button | 获取所有按钮 | 元素集合 |
:file | 获取所有文件域 | 元素集合 |