jQuery基础教程之强大的选择器(过滤选择器-子元素过滤选择器)
来源:互联网 发布:网络歌手紫菱个人资料 编辑:程序博客网 时间:2024/06/05 07:05
子元素过滤选择器的过滤规则相对于其它的选择器稍微有些复杂,不过没关系,只要将元素的父元素和子元素区分清楚,那么使用起来也非常简单。另外还要注意它与普通的过滤选择器的区别。
:nth-child() 过滤选择器是很常用的子元素过滤选择器,更详细的功能如下:
(1):nth-child(even)能选取每个父元素下的索引值是偶数的元素。
(注意:由于:nth-child(index)的index是从1开始的,所以这里取得的索引值为偶数的元素,实际上就是我们正常的偶数了,注意和:eq(index)的区别)
(2):nth-child(odd)能选取每个父元素下的索引值是奇数的元素。
(注意:由于:nth-child(index)的index是从1开始的,所以这里取得的索引值为奇数的元素,实际上就是我们正常的奇数了,注意和:eq(index)的区别)
(3):nth-child(2)能选取每个父元素下的索引值为2的元素
(4):nth-child(3n)能选取每个父元素下的索引值为3的倍数的元素,(n从0开始)
(5):nth-child(3n+1)能选取每个父元素下的索引值为(3n+1)的元素,(n从0开始)
n为什么会从0开始呢?呵呵~有一点:nth-child(0)是获取不到元素的,然后大家就应该能明白了为什么要从0开始了。
- jQuery基础教程之强大的选择器(过滤选择器-子元素过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-子元素过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-基本过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-可见性过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-属性过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-基本过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-内容过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-可见性过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-属性过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-表单对象属性过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-基本过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-内容过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-可见性过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-属性过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-表单对象属性过滤选择器)
- 详解强大的jQuery选择器之过滤选择器、表单选择器
- jQuery选择器 过滤选择器(五.子元素过滤选择器)
- JQuery选择器(9子元素过滤选择器)
- Python执行系统命令的方法
- ajax实例3
- Tomcat配置JNDI提示:org.apache.tomcat.dbcp.dbcp.SQLNestedException: Cannot load JDBC driver class 'oracle
- C#发送邮件三种方法,Localhost,SMTP,SSL-SMTP
- Java实现 SSL双向认证
- jQuery基础教程之强大的选择器(过滤选择器-子元素过滤选择器)
- Xlib 基础概念
- 基于Java Web的文件上传进度显示的一种解决方案
- MySQL远程连接的配置
- Android开发--对话框式的Activity
- Java设计模式之工厂方法模式
- 轻松使用 ffmpeg sdk 实现各种格式的rgb以及yuv raw
- 升级到 ADT 20 物理键盘失效
- web portal SSO issue