1. jQuery所支持的基本CSS选择器
选择器 | 描述 |
* | 匹配任何元素 |
E | 匹配标签名称为E的所有元素 |
E F | 匹配标签名称为F、作为E的后代节点的所有元素 |
E>F | 匹配标签名称为F、作为E的直接子节点的所有元素 |
E+F | 匹配前面是临近兄弟节点E的所有元素F(E和F紧挨着) |
E-F | 匹配前面是任何兄弟节点E的所有元素F(E和F可以不紧挨着) |
E:has(F) | 匹配标签名称为E、至少有一个标签名称为F的后代节点的所有元素。 |
E.C | 匹配带有类名C的所有元素E。等效于(*.C) |
E#I | 匹配id特性值为I的元素E。 |
E[A] | 匹配带有特性A的所有元素E(不管特性A的值是什么) |
E[A=V] | 匹配所有元素E,其特性A的值正好是V |
E[A^=V] | 匹配所有元素E,其特性A的值是以V开头 |
E[A$=V] | 匹配所有元素E,其特性A的值是以V结尾 |
E[A*=V] | 匹配所有元素E,其特性A的值包含V |
2. jQuery支持更高级的位置选择器:根据在DOM里的文章来选择元素
:first | 页面的最先的匹配。Li a:first 返回最先的、并且在列表(<li>)项下的链接 |
:last | 页面的最先的匹配。Li a:last 返回最后的、并且在列表 (<li>)项下的链接 |
:first-child | 最先的子元素。Li:frist-child 返回每个列表的最先的项 |
:last-child | 最后的子元素。Li:last-child 返回每个列表的最后的项 |
:only-child | 返回没有兄弟节点的所有元素 |
:nth-child(n) | 第n个子节点(n从1开始)。Li:nth-child(2)返回每个列表的第二个<li>项。 |
:nth-child(even|odd) | 奇数|偶数的子节点。Li:nth-child(even)返回每个序列的偶数子节点 |
:nth-child(Xn+y) | 根据传入的公式计算的第n个子节点。如果y为0,则忽略y。n从0开始,且X不等于0. li:nth-child(3n)返回3的倍数的项,而li:nth-child(5n+1)返回5的倍数的项的下一项。 |
:even 或:odd | 页面范围内偶数或奇数的匹配元素。Li:even返回全部偶数<li>项。 |
:eq(n) | 第n个匹配元素(n从0开始) |
:gt(n) | 第n个匹配元素(不包括)之后的元素(n从0开始) |
:lt(n) | 第n个匹配元素(不包括)之前的元素(n从0开始) |
3. jQuery 自定义的筛选选择器赋予标识目标元素的无穷力量
:animated | 选择当前处于动态控制之下的元素。 |
:button | 选择任何按钮(input[type=submit]、input[type=reset]、input[type=button]) |
:checkbox | 只选择复选框元素(input[type=checkbox]) |
:checked | 只选择已选中的复选框或单选按钮(为CSS所支持) |
:contains(foo) | 只选择包含文本foo的元素 |
:disabled | 只选择界面上已经禁用的表单元素 |
:enabled | 只选择界面上已启用的表单元素 |
:file | 选择所有文件元素(input[type=file]) |
:header | 只选择标题元素(<hn>,n代表数字1到6).比如:<h1> |
:hidden | 只选择隐藏的元素 |
:image | 选择表单图像元素(input[type=image]) |
:input | 只选择表单元素(<input>、<select>、<textarea>、<button>) |
:not(filter) | 根据指定的筛选条件取反 |
:parent | 选择有后代节点(包括文本)的元素,而排除空元素 |
:password | 选择口令元素(input[type=password]) |
:radio | 选择单选按钮(input[type= radio]) |
:reset | 选择复位按钮(input[type= reset] 或 button[type=reset]) |
:selected | 选择已经选中的选项元素 |
:submit | 选择提交按钮元素(input[type= submit] 或 button[type= submit]) |
:text | 选择文本字段元素(input[type=text]) |
:visible | 选择可见元素 |