Jquery 选择器总结
Jquery选择器之基本CSS选择器:
选择器 | 描述 | 例 |
* | 任何元素 | $(“*”) |
E | 标签名称为E的所有元素 | $(“dv”) |
E F | 标签名称为E,作为E的后代节点的所有元素 | $(“div p”) |
E > F | 标签名称为E,作为E的直接子节点的所有元素 | $(“div > p”) |
E + F | 前面是邻近兄弟节点E的所有元素F,E和F紧挨着 | $(“div + p”) |
E – F | 前面是邻近兄弟节点E的所有元素F,E和F不是紧挨着 | $(“div - p”) |
E:has(F) | 标签名称为E,至少一个标签名为F的后代节点的所有元素 | $(“li:has(ul)”) |
E.C | 类名为C的所有元素E,等效于 *.C | $(“.myClass”) |
E #I | ID为I的所有元素,等效于 *.#I | $(“#myID”) |
E[A] | 带有特性A的所有元素E(不管特性A是什么) | $(“div[title]”) |
E[A=V] | E的A特性值为V | $(“div[title=abc]”) |
E[A^=V] | E的A特性值以V开头 | $(“div[title^=abc]”) |
E[A$=V] | E的A特性值以V结尾 | $(“div[title$=abc]”) |
E[A*=V] | E的A特性值包含V | $(“div[title*=abc]”) |
Jquery选择器之操作DOM元素
选择器 | 描述 | 例 |
:first | 第一个元素 | $(“div :first”) |
:last | 最后一个元素 | $(“dv :last”) |
:first-child | 第一个子元素 | $(“table tr:first-child”) |
:last-child | 最后一个子元素 | $(“table tr:last-child”) |
:only-child | 仅有的一个子元素 | $(“div :only-child”) |
:nth-child(n) | 第N个子元素(n从1开始) | $(“table tr :nth-child(2)”) |
:nth-child(even:odd) | 子元素中序号为偶数的元素 | $(“ table tr :nth-child(even:odd)”) |
:nth-child(Xn+Y) | 子元素中,序号可以整除X的第Y+1项 | $(“ table tr :nth-child(5n + 1)”) |
:even | 序号为奇数的元素 | $(“table tr:even”) |
:odd | 序号为偶数的元素 | $(“table tr:odd”) |
:eq(n) | 第N个元素(n从0开始) | $(“table tr:eq2)”) |
:gt(n) | 序号在n之后的元素 | $(“table tr:gt(2)”) |
:lt(n) | 序号在n之前的元素 | $(“table tr:lt(2)”) |
Jquery选择器之操作包装器
选择器 | 描述 | 例 |
Children() | 所有子元素 | $(“ul”).children(); |
Contains(“str”) | 包含”str”字符串的元素 | $(“div”).html().contains(“搜索”) |
Next() | 下一个元素 | $(“#myID”).next() |
nextAll() | 后面的所有元素 | $(“#myID”).nextAll(); |
Parent() | 父元素 | $(“#myDiv”).parent(); |
Parents() | 所有父元素 | $(“#myDiv”).parents() |
Prev() | 前一个元素 | $(“#myId”).prev(); |
prevAll() | 前面所有元素 | $(“.myClass”).prevAll() |
Siblings() | 所有兄弟元素 | $(“table tr.myStyle”).siblings(); |
Jquery自定义筛选器之筛选元素
选择器 | 描述 |
:Animated | 选择当前处于动态控制之下的元素 |
:button | 选择任何按钮 |
:checkbox | 任何复选框 |
:checked | 任何选中的单选和复选框按钮 |
:contains(foo) | 选中包含文本foo元素 |
:disabled | 在界面上已经禁用的表单元素 |
:enabled | 在界面上已经启用的表单元素 |
:file | 选中所有文件元素 |
:header | 选择标题 |
:hidden | 隐藏元素 |
:image | 图像元素 |
:input | 只选中表单元素(input,select,textarea,button) |
:not(filter) | 根据指定的筛选器进行求反 |
:parent | 拥有后代节点的元素,排除空元素 |
:password | 选择口令元素 |
:radio | 单选按钮元素 |
:reset | 复位按钮元素 |
:selected | 已选中的选项元素 |
:submit | 提交按钮的元素 |
:text | 只选中文本字段元素 |
:visible | 只选中可见元素 |