jQuery开发之选择器二

1,基本选择器 基本选择器是jQuery中最常用的选择器,也是最简单的选择器。它通过id,class,和标签名来查找DOM元素。

2,层次选择器

可以使用next()方法来代替$(‘prev + next’) 选择器,如下表所示:

可以使用nextAll()方法来代替$(‘prev ~ siblings’) 选择器,如下表所示:

3,过滤选择器

过滤选择器主要是通过特定的过滤规则来筛选所需的DOM元素,过滤规则与CSS中的伪类选择器语法相同,即选择器以一个(:)开头。按照不同的过滤规则,过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表单对象属性过滤选择器。

1,基本过滤选择器

2,内容过滤选择器

3,可见性过滤选择器

在可见性选择器中,需要注意选择器:hidden,它不仅包括样式属性display 为none的元素,也包括了文本隐藏域(<input type =”hidden”>) 和visibility:hidden 之类的元素。

4,属性过滤选择器

5,子元素过滤选择器

:nth-child() 选择器是很常用的子元素过滤器,,详细功能如下: (1) :nth-child(even) 能选取每个父元素下的索引值是偶数的元素。 (2) :nth-child(odd) 能选取每个父元素下的索引值是奇数的元素。 (3) :nth-child(2) 能选取每个父元素下的索引值为2的元素。 (4) :nth-child(3n) 能选取每个父元素下的索引值是3的倍数的元素。(n从1开始) (5) :nth-child(3n+1) 能选取每个父元素下的索引是(3n+1)的元素。

6,表单对象属性过滤选择器

4,表单选择器

做自己的决定。然后准备好承担后果。

jQuery开发之选择器二

相关文章:

你感兴趣的文章:

标签云: