jQuery教程

全部教程

×

jQuery子元素过滤选择器

测试前的准备工作

A、定义测试对象

在中定义被选择对象。这次为若干 div 添加了 class 属性,并指定值为 one。

B、定义测试对象的 CSS 样式

在中定义 div 的样式

C、定义测试使用的按钮

在中定义若干按钮。

选择指定元素的第几个子元素 :nth-child()

说明:

A、:nth-child()的冒号前必须有空格。过滤子元素,要求其冒号前必须有空格。后面的 也相同,都要有空格。

B、子元素是从 1 开始记数的

选择指定元素的第 1 个子元素 :first-child

说明:

A、:first-child 冒号前必须有空格

B、:first-child 等价于:nth-child(1)

选择指定元素的最后一个子元素 :last-child:last-child 冒号前必须要有空格

选择具有唯一子元素的指定元素的该子元素 :only-child

 

技术文档推荐

更多>>

视频教程推荐

更多>>