jQuery选择器总结

基本选择器

是使用最频繁的选择器,可以实现大多数页面元素的查找。

基本选择器语法
  选择器  功能 返回值
#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权威指南》

IT文库 » jQuery选择器总结
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址