jquery清除子元素

使用 jQuery 清除子元素的方法

使用 .empty() 方法

.empty() 方法会移除目标元素的所有子节点（包括文本节点和元素节点），但保留目标元素本身。
示例代码：

$("#parentElement").empty();

使用 .html() 方法

通过将 .html() 的参数设为空字符串，可以清空目标元素的子内容。
示例代码：

$("#parentElement").html("");

使用 .remove() 方法

如果需要同时移除子元素和特定条件匹配的元素，可以使用 .remove()。
示例代码（移除所有子元素）：

$("#parentElement").children().remove();

遍历删除子元素

通过 .each() 遍历子元素并逐个删除，适用于需要条件性清除的场景。
示例代码：

$("#parentElement").children().each(function() {
  $(this).remove();
});

注意事项

• .empty() 和 .html("") 的性能通常优于遍历删除。
• 如果子元素绑定了事件或数据，建议使用 .empty() 或 .html("")，jQuery 会自动处理内存释放。
• 直接操作 DOM（如 innerHTML = ""）可能更快，但需手动处理事件解绑。