当前位置: 主页 > 编程知识 > net编程 > 讲解jQuery选择器部分的知识

讲解jQuery选择器部分的知识

时间:2009-12-24来源:站长资讯网 点击:

7.子元素过滤器 Child Filters

名称

说明

举例

:nth-child(index/even/odd/equation)

匹配其父元素下的第N个子或奇偶元素

‘:eq(index)‘ 只匹配一个元素,而这个将为每一个父元素匹配子元素。:nth-child1开始的,而:eq()是从0算起的!

可以使用:
nth-child(even)
:nth-child(odd)
:nth-child(3n)
:nth-child(2)
:nth-child(3n+1)
:nth-child(3n+2)

在每个 ul 查找第 li:
$("ul li:nth-child(2)")

:first-child

匹配第一个子元素

‘:first‘ 只匹配一个元素,而此选择符将为每个父元素匹配一个子元素

在每个 ul 中查找第一个 li:
$("ul li:first-child")

:last-child

匹配最后一个子元素

‘:last‘只匹配一个元素,而此选择符将为每个父元素匹配一个子元素

在每个 ul 中查找最后一个 li:
$("ul li:last-child")

:only-child

如果某个元素是父元素中唯一的子元素,那将会被匹配

如果父元素中含有其他元素,那将不会被匹配。

在 ul 中查找是唯一子元素的 li:
$("ul li:only-child")

8.表单选择器 Forms

名称

说明

解释

:input

匹配所有 input, textarea, select 和 button 元素

查找所有的input元素:
$(":input")

:text

匹配所有的文本框

查找所有文本框:
$(":text")

:password

匹配所有密码框

查找所有密码框:
$(":password")

:radio

匹配所有单选按钮

查找所有单选按钮

:checkbox

匹配所有复选框

查找所有复选框:
$(":checkbox")

:submit

匹配所有提交按钮

查找所有提交按钮:
$(":submit")

:image

匹配所有图像域

匹配所有图像域:
$(":image")

:reset

匹配所有重置按钮

查找所有重置按钮:
$(":reset")

:button

匹配所有按钮

查找所有按钮:
$(":button")

:file

匹配所有文件域

查找所有文件域:
$(":file")

 

站长资讯网
.
分页: [1] [2] [3] [4] [5] [6]
TAG: jQuery 选择器
推荐内容最近更新人气排行
关于我们 | 友情链接 | 网址推荐 | 常用资讯 | 网站地图 | RSS | 留言