基本选择器
是使用最频繁的选择器，可以实现大多数页面元素的查找。
基本选择器语法
| 选择器 | 功能 | 返回值 |
| #id | 根据给定的ID匹配一个元素 | 单个元素 |
| element | 根据给定的元素名称匹配所有元素 | 元素集合 |
| .class | 根据给定的类匹配元素 | 元素集合 |
| * | 匹配所有元素 | 元素集合 |
| selector,selectorN | 将每一个选择器匹配到的元素合并后一起返回 | 元素集合 |
层次选择器
通过DOM元素间的层次关系获取元素，其主要的层次关系包括后代，父子，相邻，兄弟关系。
层次选择器语法
| 选择器 | 功能 | 返回值 |
| ancestor | 根据祖先元素匹配所有的后代元素 | 元素集合 |
| parent > child | 根据父元素匹配所有的子元素 | 元素集合 |
| prev + next | 匹配所有紧接在prev元素后的相邻元素 | 元素集合 |
| prev ~ siblings | 匹配prev元素之后的所有兄弟元素 | 元素集合 |
简单过滤选择器
根据某类过滤规则进行元素的匹配，书写时都以：开头
元素集合
简单过滤选择器语法
| 选择器 | 功能 | 返回值 |
| first()或:first | 获取第一个元素 | 单个元素 |
| last()或:last | 获取最后一个元素 | 单个元素 |
| :not(selector) | 获取除给定选择器外的所有元素 | 元素集合 |
| :even | 获取所有索引值为偶数的元素，索引号从0开始 | 元素集合 |
| :odd | 获取所有索引值为奇数的元素，索引号从0开始 | 元素集合 |
| :eq(index) | 获取指定索引值的元素，索引号从0开始 | 单个元素 |
| :gt(index) | 获取所有大于指定索引值的元素，索引号从0开始 | 元素集合 |
| :lt(index) | 获取所有小于指定索引值的元素，索引号从0开始 | 元素集合 |
| :header | 获取所有标题类型的元素 | 元素集合 |
| :animated | 获取正在执行动画效果的元素 | |
内容过滤选择器
根据元素中的文字内容或所包含的子元素特征获取元素，其文字内容可以模糊或绝对匹配进行元素定位
内容过滤选择器语法
| 选择器 | 功能 | 返回值 |
| :contains(text) | 获取包含给定文本的元素 | 元素集合 |
| :empty | 获取所有不包含子元素或者文本的空元素 | 元素集合 |
| :has(selector) | 获取含有选择器所匹配的元素的元素 | 元素集合 |
| :parent | 获取含有子元素或者文本的元素 | 元素集合 |
可见性过滤选择器
根据元素是否可见的特征获取元素
可见性过滤选择器语法
| 选择器 | 功能 | 返回值 |
| :hidden | 获取所有不可见元素，或者type为hidden的元素 | 元素集合 |
| :visible | 获取所有可见元素 | 元素集合 |
属性过滤选择器
根据元素的某个属性获取元素
属性过滤选择器语法
| 选择器 | 功能 | 返回值 |
| [attribute] | 获取包含给定属性的元素 | 元素集合 |
| [attribute=value] | 获取等于给定的属性是某个特征值的元素 | 元素集合 |
| [attribute!=value] | 获取不等于给定的属性是某个特征值的元素 | 元素集合 |
| [attribute^=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 | 获取所有文件域 | 元素集合 |
摘自《jQuery权威指南》
扫一扫
293
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
