在 jQuery 中，删除子元素可以通过使用 .remove 方法来实现。这个方**从 DOM 中移除匹配的元素及其所有子元素。

以下是一个简单的示例，演示如何使用 jQuery 删除具有特定类名的子元素：

$(document).ready(function() {
  // 选择要删除的子元素
  var childElement = $('.child-element');
  // 删除子元素
  childElement.remove();
});

在上面的示例中，我们首先使用 jQuery 选择器选择要删除的子元素，我们调用 .remove() 方法来删除该元素。

除了 .remove() 方法外，还可以使用 .detach() 方法来删除子元素，与 .remove() 方法不同，.detach() 方**保留元素的 jQuery 数据和事件处理程序，这意味着，如果您稍后将元素重新附加到 DOM 中，其数据和事件处理程序将保持不变。

以下是使用 .detach() 方法删除子元素的示例：

$(document).ready(function() {
  // 选择要删除的子元素
  var childElement = $('.child-element');
  // 删除子元素
  childElement.detach();
});

除了直接选择要删除的子元素外，您还可以使用 .empty() 方法来清空元素的子节点，而不删除它们，以下是一个示例：

$(document).ready(function() {
  // 选择要清空的子元素
  var parentElement = $('.parent-element');
  // 清空子元素
  parentElement.empty();
});

在上面的示例中，我们选择要清空的父元素，并调用 .empty() 方法来清空其所有子节点，请注意，.empty() 方法不会删除子元素本身，而只是移除它们的子节点。