根据获取页面中元素的不同,可以讲jQuery选择器分为:基本类型选择器,层次选择器,过滤选择器,表单选择器.其中,在过滤选择器当中又可以分为简单过滤选择器,内容过滤选择器,可见性选择器,属性选过滤择器,表单对象属性过滤选择器共六种.
2.2.1基本选择器
基本选择器时jQuery中使用最频繁的选择器,它又id,class,元素名,多个选择符组成.
选择器 | 功能 | 返回符 |
---|
id | 根据给定id匹配一个元素 | 单个元素 |
element | 根据给定标签名匹配所有元素 | 元素集合 |
.class | 根据class来匹配元素 | 元素集合 |
* | 匹配所有元素 | 元素集合 |
selector1,selectorN | 讲个选择器匹配的元素集合起来 | 元素集合 |
2.2.2层次选择器
层次选择器根据DOM间的层次关系获取元素,其主要的层次关系包括后代,父子,相邻,兄弟关系,通过其中某类关系可以方便快捷的定位元素.
选择器 | 功能 | 返回值 |
---|
ancestor descendant | 根据祖先元素匹配所有后代元素,与多个选择器的不同之处在于没有”,” | 元素集合 |
parent > child | 根据父元素匹配所有的子元素 | 元素集合 |
prev + next | 匹配所有紧接在prev元素后面的相邻元素 | 元素集合 |
prev ~ siblings | 匹配prev元素之后的所有兄弟元素 | 元素集合 |
2.2.3简单过滤选择器
简单过滤选择器根据某类过滤规则进行元素的匹配,书写时都以":"号开头;简单过滤选择器是过滤选择器种使用最广泛的一种.
选择器 | 功能 | 返回值 |
---|
first()或first | 获取第一个元素 | 单个返回值 |
last()或last | 最后一个元素 | 单个元素 |
:not(selector) | 获取制定元素之外的元素 | 元素集合 |
:even | 获取元素索引值为偶数的元素 | 索引号从0开始 |
:odd | 获取元素索引值为奇数的元素 | 索引值从1开始 |
:eq(index) | 指定索引值的元素 | 索引值从0开始 |
:gt(index) | 大于指定索引值的元素 | 索引值从0开始 |
:lt(index) | 小于 | 索引值从0开始 |
:header | 获取所有标题类元素 | 元素集合 |
:animated | 获取正在执行动画效果的元素 | 元素集合 |
2.2.4内容过滤选择器
内容过滤选择器根据元素中的文字或者所包含的子元素特征获取元素,七文字内容可以模糊或绝对匹配进行元素定位,其详细说明如下.
选择器 | 功能 | 返回值 |
---|
:contains(text) | 获取给定文本的元素 | 元素集合 |
:empty | 不包含子元素或者空文档的的元素 | 元素集合 |
:has(selector) | | |
:parent | | |
2.2.5可见性过滤
选择器 | 功能 | 返回值 |
---|
:hidden | 所有不可见的元素 | |
:visible | 所有可见的元素 | |
属性过滤
选择器 | 功能 | 返回值 |
---|
[attribute] | 包含给定属性的元素 | |
[attribute=value] | 等于给定属性值的元素 | |
[attribute!=value] | | |
[attribute^=value] | 属性值以给定属性值开头 | |
[attribute$=value] | 属性值以给定属性值结尾 | |
[attribute*=value] | 属性值包含给定属性值的元素 | |
[selector1][selector2][selector3] | 复合指定条件 | |
子元素过滤选择器
选择器 | 功能 | 返回值 |
---|
nth-child(even | odd | index) |
:first-child | 获取第一个子元素 | |
:last-child | 获取最后一个子元素 | |
:only-child | 获取只有一个子元素的元素 | |
表单对象属性过滤选择器
选择器 | 功能 | 返回值 |
---|
:enabled | | |
:disabled | | |
:checked | 所有被选中的元素 | |
:selected | 所有被选中option元素 | |
表单标签选择器
选择器 | 功能 | 返回值 |
---|
:input | 获取所有input, textarea, select | |
:text | 获取所有 单行文本框 | |
:password | 获取所有密码框 | |
:radio | 获取所有单选框 | |
下面还又若干