JQuery 的选择器

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    匹配 class 属性值为 C 的所有元素 E
E#I    匹配 id 属性值为 I 的所有元素 E
E[A]    匹配带有 A 属性的所有元素 E
E[A=V]    匹配带有 A 属性为 V 的所有元素 E
E[A^=V]    匹配带有 A 属性以 V 开头的所有元素 E
E[A$=V]    匹配带有 A 属性以 V 结尾的所有元素 E
E[A*=V]    匹配带有 A 属性包含 V 的所有元素 E

2、jQuery 所支持的基于DOM的位置选择器(选择器、描述):

:first    匹配第一个元素。    li a:first    匹配 li 元素下的第一个 a 元素。
:last    匹配最后一个元素。    li a:last    匹配 li 元素下的最后一个 a 元素。
:first-child    匹配第一个子元素。    li:first-child    匹配 li 元素中的第一个子元素。
:last-child    匹配最后一个子元素。    li:last-child    匹配 li 元素中的最后一个子元素。
:only-child    匹配没有兄弟节点的所有元素。
:nth-child(n)    匹配第n个子节点(n从1开始)。    li:nth-child(2)    匹配每个列表的第二个 li 元素。
:nth-child(odd|even)    匹配奇数或偶数的子节点。    li:nth-child(even)    匹配每个列表的偶数子节点。
:nth-child(Xn+Y)    匹配根据传入的公式计算的第n个子节点(n从0开始)。    li:nth-child(3n)    匹配3的倍数的项;li:nth-child(5n+1)    匹配5的倍数的项的下一项。(注意:根据Xn+Y计算得到的结果数列中,不包括0。)
:odd 或 :even    匹配页面范围内奇数或偶数的元素。    li:even    匹配全部偶数的    li    项。
:eq(n)    匹配第n个元素(n从0开始)。
:gt(n)    匹配第n个元素之后的元素,但不包括n。(n从0开始)
:lt(n)    匹配第n个元素前的元素,但不包括n。(n从0开始)

注意:选择器 :nth-child 从1开始计数,而其他选择器从0开始计数。这是为了与CSS兼容。

3、jQuery 自定义的筛选选择器(选择器、描述):

:animated    匹配当前处于动态控制之下的元素
:button    匹配任意按钮(input[type=submit], input[type=reset], input[type=button] 或 button)
:checkbox    匹配复选框元素(input[type=checkbox])
:checked    匹配已选中的复选框或单选按钮
:contains(foo)    匹配只包含文本 foo 的元素
:disabled    匹配在界面上已经禁用的表单元素
:enabled    匹配在界面上已经启用的表单元素
:file    匹配所有文件框元素。    input[type=file]
:header    匹配所有标题元素。    h1, h2, h3, h4, h5, h6
: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    匹配所有可见元素

 

借鉴他人总结之手,丰富自己的知识要点。Mark一下!

posted @ 2015-08-20 15:55  雲淡颩淸  阅读(164)  评论(0编辑  收藏  举报