利用jQuery选择将被操作的元素

1.       jQuery所支持的基本CSS选择器

选择器

描述

*

匹配任何元素

E

匹配标签名称为E的所有元素

E F

匹配标签名称为F、作为E的后代节点的所有元素

E>F

匹配标签名称为F、作为E的直接子节点的所有元素

E+F

匹配前面是临近兄弟节点E的所有元素FEF紧挨着)

E-F

匹配前面是任何兄弟节点E的所有元素FEF可以不紧挨着)

EhasF

匹配标签名称为E、至少有一个标签名称为F的后代节点的所有元素。

EC

匹配带有类名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

最先的子元素。Lifrist-child 返回每个列表的最先的项

:last-child

最后的子元素。Lilast-child 返回每个列表的最后的项

:only-child

返回没有兄弟节点的所有元素

:nth-child(n)

n个子节点(n1开始)。Li:nth-child(2)返回每个列表的第二个<li>项。

:nth-child(even|odd)

奇数|偶数的子节点。Linth-childeven)返回每个序列的偶数子节点

:nth-child(Xn+y)

根据传入的公式计算的第n个子节点。如果y0,则忽略yn0开始,且X不等于0.  linth-child3n)返回3的倍数的项,而li:nth-child(5n+1)返回5的倍数的项的下一项。

:even :odd

页面范围内偶数或奇数的匹配元素。Lieven返回全部偶数<li>项。

:eq(n)

n个匹配元素(n0开始)

:gt(n)

n个匹配元素(不包括)之后的元素(n0开始)

:lt(n)

n个匹配元素(不包括)之前的元素(n0开始)

 

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代表数字16.比如:<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

选择可见元素

 

posted @ 2012-06-27 23:57  jingjunfeng  阅读(494)  评论(0编辑  收藏  举报