0、 基本选择器
语法 |
描述 |
$("#id") |
id选择器 |
$("tagName") |
标签选择器,返回数组 |
$(".class") |
类选择器,返回数组 |
$("*") |
选择文档中的所有的元素 |
$("E.C") |
选择样式名称为C的E标记 |
$("E#I") |
选择id为I的E标记 |
1、 找孩子节点(所有直接孩子节点,所有子孙节点,第一个孩子节点,最后一个孩子节点,奇数,偶数,第n个)
语法 |
描述 |
.children() E>F |
所有直接孩子节点 |
.find("*") E F |
所有子孙节点 |
以下用find()或children()均可 |
|
:first-child .children().eq(0) :nth-child(1) |
第一个孩子节点 |
:last-child |
最后一个孩子节点 |
:nth-child(even) |
偶数 |
:nth-child(odd) |
奇数 |
.children(":eq(n-1)") :nth-child(n) |
第n个 |
2、 找双亲节点(直接双亲,祖先)
语法 |
描述 |
.parent() |
直接双亲 |
.parents() |
祖先 |
3、 找兄弟节点(前一个,后一个,前面所有,后面所有,其他兄弟)
语法 |
描述 |
.prev() |
前一个 |
.next() E+F |
后一个 |
.nextAll() |
后面的所有兄弟节点 |
.prevAll() |
前面所有的兄弟节点 |
.siblings() |
其他兄弟 |
4、 筛选
语法 |
描述 |
:has(**) .has() |
选择所有含有F标签的E元素(根据子元素确定父元素) |
.filter(**) |
过滤元素:表达式和函数两种方式 |
.not(**) :not() |
查找到的节点集合中反选 |
.add(**) E,F |
向查找的结果集中添加节点 |
.slice(begin,end) |
选择节点集合中的片段 |
5、表单
:selected |
下拉菜单中被选中的项 |
:checked |
复选框和单选框中被选中的项 |
:checkbox |
所有复选框,input[type=checkbox] |
:disable |
页面中被禁用了的元素 |
:enable |
页面中未被禁用的元素 |
:hidden |
页面中被隐藏的元素display="none" |
:input |
表单元素,包括<input><select><textarea><button> |
:text |
所有文本输入框, input[type=text] |
:radio |
所有单选按钮, input[type=radio] |
:button |
按钮,input[type=button]和 <button>标记 |