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

精通JavaScript+jQuery

曾顺 编著 / 人民邮电出版社 / 2008-9 / 59.00元

随着Ajax技术的不断风靡,其核心技术JavaScript越来越受到人们的关注,各种JavaScript的框架层出不穷。jQuery作为JavaScript框架的优秀代表,为广大开发者提供了诸多便利。 本书从介绍JavaScript的基础知识开始,围绕标准Web的各项技术予以展开,通过大量实例对JavaScript、CSS、DOM、Ajax等 Web关键技术进行深入浅出的分析,主要内容包括J......一起来看看 《精通JavaScript+jQuery》 这本书的介绍吧!

MD5 加密
MD5 加密

MD5 加密工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具