jquery 删除子节点

使用jQuery可以使用`.remove()`方法来删除子节点。

假设有以下的HTML结构：

<div id="parent">
  <p>Paragraph 1</p>
  <p>Paragraph 2</p>
  <p>Paragraph 3</p>
</div>

下面是一个例子，演示如何使用jQuery删除子节点：

$(document).ready(function() {
  // 选择父节点
  var parent = $("#parent");
  
  // 删除所有子节点
  parent.empty();
});

在上面的例子中，我们首先选择了父节点`#parent`，然后使用`.empty()`方法删除了该父节点下的所有子节点。

如果只想删除特定的子节点，可以使用`.remove()`方法并传递指定的子节点选择器作为参数。例如，如果要删除第二个段落元素，可以这样写：

$(document).ready(function() {
  // 选择要删除的子节点
  var paragraphToRemove = $("#parent p:eq(1)");
  
  // 删除指定的子节点
  paragraphToRemove.remove();
});

在上面的例子中，我们使用了`:eq(1)`选择器来选择索引为1的段落元素（索引从0开始）。然后使用`.remove()`方法将该段落元素从父节点中删除。

总之，使用jQuery可以方便地删除子节点，可以使用`.empty()`方法删除所有子节点，或者使用`.remove()`方法删除特定的子节点。