JQuery Selector总结

濮阳钟展
2023-12-01
 

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获取所有文件域元素集合

 

 类似资料: