| 基础选择器 | 标签/元素选择器 | 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的表单元素 |
本文含有隐藏内容，请 开通VIP 后查看