jquery获取子元素的一些方法

在jQuery中，获取子元素可以使用多种方法，以下是一些常用的方法：

1. .children(selector)：获取匹配选择器的直接子元素。
2. .find(selector)：获取匹配选择器的所有后代元素（不仅是直接子元素）。
3. .contents()：获取包括节点内文本在内的所有内容，可以结合.find()使用来查找特定类型的节点。
4. :first-child，:last-child，:nth-child(n)：使用CSS选择器直接获取特定的子元素。

示例代码：

<div id="parent">
  <div class="child">Child 1</div>
  <div class="child">Child 2</div>
  <div class="child">Child 3</div>
</div>

// 使用.children()获取所有直接子元素
$('#parent').children().css('border', '2px solid red');
 
// 使用.find()获取所有class为child的后代元素
$('#parent').find('.child').css('border', '2px solid blue');
 
// 使用:first-child选择器获取第一个子元素
$('#parent .child:first-child').css('border', '2px solid green');
 
// 使用:nth-child(n)选择器获取第二个子元素
$('#parent .child:nth-child(2)').css('border', '2px solid purple');

这段代码会改变id为parent的元素中所有子元素的边框样式。