TUTORIAL前端与浏览器FETCHED

jQuery :first-child 选择器

jQuery :first-child 选择器 jQuery 选择器 实例 选取属于 <p> 的父元素中第一个为 <p> 的元素: $('p:first-child') 尝试一下 » 定义和用法 :first-child 选择器选取属于其父元素的第一个子元素。 提示:请使用 :last-child 选择器来选取属于其父元素的最后..

更新于 2026/7/16

教程详情页默认 noindex。

jQuery :first-child 选择器

jQuery 选择器 jQuery 选择器

实例

选取属于 <p> 的父元素中第一个为 <p> 的元素:

$("p:first-child")

尝试一下 »

定义和用法

:first-child 选择器选取属于其父元素的第一个子元素。

提示:请使用 :last-child 选择器来选取属于其父元素的最后一个子元素。


语法

$(":first-child")


实例

尝试一下 - 实例

选取所有 <div> 元素的第一个 <p> 元素
如何选取所有 <div> 元素的第一个 <p> 元素。

:first 和 :first-child 之间的不同
演示 :first 和 :first-child 选择器之间的不同。

:first、:first-child 和 :first-of-type 之间的不同
演示 :first、:first-child 和 :first-of-type 选择器之间的不同。


jQuery 选择器 jQuery 选择器