jquery获取第一个子节点
获取第一个子节点的方法
使用jQuery获取元素的第一个子节点可以通过以下几种方式实现：
方法一：使用:first-child选择器
$('#parentElement :first-child')这会匹配#parentElement下的第一个子元素。
方法二：使用children()方法结合:first选择器
$('#parentElement').children(':first')这种方法更明确地指定要获取的是子元素中的第一个。
方法三：使用children().first()方法链
$('#parentElement').children().first()这种写法可读性较好，先获取所有子元素再取第一个。
方法四：使用find()方法（适用于深层嵌套）
$('#parentElement').find('*:first')注意这会匹配第一个任意层级的后代元素。
注意事项
- 上述方法获取的都是jQuery对象，如需DOM元素可添加
[0]或.get(0) - 区别
first-child和:first：前者是CSS伪类，后者是jQuery扩展的选择器 - 推荐使用
children()方法而非find()，除非需要查找非直接子节点
示例代码
// 获取第一个子元素并添加红色背景
$('#parentElement').children().first().css('background', 'red');
