jquery第一个子元素

获取第一个子元素的方法

在jQuery中，可以使用多种方法来选择第一个子元素。以下是几种常见的方法：

使用:first-child选择器

$('parentSelector > :first-child')

使用:first选择器

$('parentSelector > *:first')

使用children()方法配合:first

$('parentSelector').children(':first')

使用first()方法

$('parentSelector').children().first()

示例代码

假设有以下HTML结构：

<ul id="list">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

获取第一个<li>元素的jQuery代码：

// 方法1
$('#list > li:first-child')

// 方法2
$('#list').children(':first')

// 方法3
$('#list').children().first()

注意事项

• :first-child选择器匹配的是作为其父元素的第一个子元素的元素
• :first选择器匹配的是集合中的第一个元素
• first()方法返回的是jQuery对象集合中的第一个元素
• 这些方法在结果上是等效的，可以根据具体场景选择最合适的方式