jQuery :nth-child() 选择器
jQuery 教程
· 2019-03-10 08:41:40
实例
选取属于其父元素的第三个子元素的每个 <p> 元素:
$("p:nth-child(3)")
定义和用法
:nth-child(n) 选择器选取属于其父元素的不限类型的第 n 个子元素的所有元素。
提示:请使用 :nth-of-type() 选择器来选取属于其父元素的特定类型的第 n 个子元素的所有元素。
语法
:nth-child(n|even|odd|formula)
| 参数 | 描述 |
|---|---|
| n | 要匹配的每个子元素的索引。 必须是一个数字。第一个元素的索引号是 1。 |
| even | 选取每个偶数子元素。 |
| odd | 选取每个奇数子元素。 |
| formula | 规定哪个子元素需通过公式 (an + b) 来选取。
实例:p:nth-child(3n+2) 选取每个第三段,从第二个子元素开始。 |
点击查看所有 jQuery 教程 文章: https://codercto.com/courses/l/35.html
精通JavaScript+jQuery
曾顺 编著 / 人民邮电出版社 / 2008-9 / 59.00元
随着Ajax技术的不断风靡,其核心技术JavaScript越来越受到人们的关注,各种JavaScript的框架层出不穷。jQuery作为JavaScript框架的优秀代表,为广大开发者提供了诸多便利。 本书从介绍JavaScript的基础知识开始,围绕标准Web的各项技术予以展开,通过大量实例对JavaScript、CSS、DOM、Ajax等 Web关键技术进行深入浅出的分析,主要内容包括J......一起来看看 《精通JavaScript+jQuery》 这本书的介绍吧!