jquery清空

清空HTML元素内容

使用jQuery清空HTML元素内容有多种方法，以下是常见的实现方式：

empty()方法
该方法会移除选定元素的所有子节点（包括文本节点和元素节点），但保留元素本身：

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

html("")方法
通过设置元素的HTML内容为空字符串来清空：

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

text("")方法
适用于仅需要清空文本内容的情况：

$("#targetElement").text("");

清空表单输入字段

对于表单元素（input/textarea/select），推荐使用val("")方法：

$("input, textarea, select").val("");

批量清空多个元素

通过选择器组合实现批量操作：

$(".clearable").empty(); // 清空所有class为clearable的元素
$("div.container > *").remove(); // 移除container下的所有子元素

注意事项

• 使用remove()会完全删除元素本身，而不仅是内容
• 对表单元素使用empty()可能不会生效，应优先使用val("")
• 清空操作会触发jQuery的cleanData机制，自动处理内存中的关联数据