基础选择器 | 标签/元素选择器 | element | $( "元素" ) |
ID选择器 | #id | $( "#id名" ) | |
类选择器 | .class | $( ".类名" ) | |
通配符选择器 | * | $( "*" ) | |
层次选择器 | 后代选择器 | ancestor descendant | $( "#parent div" ) |
子代选择器 | parent > child | $( "#parent > div" ) | |
相邻选择器 | prev + next | $(".blue + img ") | |
同辈选择器 | prev ~ sibling | $(".blue ~img") | |
组合选择器 | selector1,selector2... | $("#test,span,.blue") | |
表单选择器 | 表单选择器 | :input | $( ":input" ) |
文本框选择器 | :text | $( ":text" ) | |
密码框选择器 | :password | $( ":password" ) | |
单选按钮选择器 | :radio | $( ":radio" ) | |
复选框选择器 | :checkbox | $( ":checkbox" ) | |
提交按钮选择器 | :submit | $( ":submit" ) | |
图像选择器 | :image | $( ":image" ) | |
重置按钮选择器 | :reset | $( ":reset" ) | |
按钮选择器 | :button | $( ":button" ) | |
文本域选择器 | :file | $( ":file" ) | |
表单的隐藏域 | :hidden | $(":hidden") 选择所有类型为hidden的input元素或表单的隐藏域 | |
过滤选择器 | 基本过滤选择器 | :first | $(" li:first" ) 所有li元素的第一个 |
:last | $(" li:last" ) 所有li元素的最后一个 | ||
:even | $(" li:even" ) 选取索引是偶数的所有<li>元素 | ||
:odd | $(" li:odd" ) 选取索引是奇数的所有<li>元素 | ||
:eq(index) | $("li:eq(1)" ) 选取索引为1的<li>元素 (index从0开始) | ||
:gt(index) | $(" li:gt(1)" ) 选取索引大于1的<li>元素 (注:大于1,不包括1) | ||
:lt(index) | $(“li:lt(1)” ) 选取索引小于1的<li>元素 (注:小于1,不包括1) | ||
:header | $(":header") 专门获取h1,h2这样的标题元素 | ||
:animated | $("div:animated") 匹配所有正在执行动画效果的元素 | ||
内容过滤选择器 | :contains | $("div:contains('John')") 选择所有div中含有John文本的元素 | |
:empty | $("td:empty") 选择所有的为空(也不包括文本节点)的td元素的数组 | ||
:has(p) | $("div:has(p)") 选择所有含有p标签的div元素 | ||
:parent | $("td:parent") 选择所有的以td为父节点的元素数组 | ||
可见性选择器 | :hidden | $("div:hidden") 选择所有的被hidden的div元素 | |
:visible | $("div:visible"):选择所有的可视化的div元素 | ||
属性过滤选择 | [id] | $("div[id]"): 选择所有含有id属性的div元素 | |
[name='news'] | $("input[name='news']") 等于 | ||
[name!='news'] | $("input[name!='news']") 不等于 | ||
[name^='news'] | $("input[name^='news']") 开头 | ||
[name$='news'] | $("input[name$='news']") 结尾 | ||
[name*='news'] | $("input[name*='news']") 所有 | ||
子元素过滤选择器 | :first-child | $("div span:first-child") 返回所有的div元素的第一个子节点的数组 | |
:last-child | $("div span:last-child") 返回所有的div元素的最后一个节点的数组 | ||
:only-child | $("div button:only-child") 返回所有的div中只有唯一一个子节点的所有子节点的数组 | ||
对象过滤选择器 | :enabled | $(":enabled") 选择所有的可操作的表单元素 | |
:disabled | $(":disabled") 选择所有的不可操作的表单元素 | ||
:checked | $(":checked") 选择所有的被checked的表单元素 |
JQuery选择器总结
于 2022-08-30 20:46:17 首次发布