码迷,mamicode.com
首页 > Web开发 > 详细

jQuery开发之选择器二

时间:2015-06-15 16:32:13      阅读:190      评论:0      收藏:0      [点我收藏+]

标签: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开发之选择器二

标签:jquery   选择器   

原文地址:http://blog.csdn.net/hanhailong18/article/details/46473311

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!