jquery第一个子节点
jQuery 获取第一个子节点的方法
使用 jQuery 选择器可以轻松获取元素的第一个子节点。以下是几种常见方法：
方法1：使用 :first-child 选择器
$('parentSelector > :first-child')这会选择指定父元素下的第一个子元素。
方法2：使用 children() 方法结合 :first 或 eq(0)
$('parentSelector').children(':first')
// 或
$('parentSelector').children().eq(0)children() 方法返回所有子元素，再通过 :first 或 eq(0) 获取第一个。
方法3：使用 first() 方法
$('parentSelector').children().first()first() 是 jQuery 提供的便捷方法，直接返回第一个子元素。
示例代码
// 获取 ul 的第一个 li 子元素
var firstChild = $('ul > li:first-child');
// 或
var firstChild = $('ul').children().first();注意事项
- 这些方法获取的是 jQuery 对象，不是 DOM 对象。如需 DOM 对象，可通过
[0]或get(0)获取。 :first-child选择器会匹配所有作为父元素第一个子元素的节点，而:first只匹配第一个匹配的元素。- 确保父元素存在且包含子元素，否则可能返回空 jQuery 对象。
以上方法可根据具体需求选择使用，通常 children().first() 可读性较好且性能适中。
