jquery清空

使用 jQuery 清空元素内容的方法

清空 HTML 元素内容

使用 .empty() 方法可以移除选定元素的所有子节点（包括文本和子元素）。

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

清空表单输入值

使用 .val('') 方法可以清空输入框、下拉框等表单元素的值。

$("input").val('');  // 清空所有 input 元素
$("#textField").val('');  // 清空特定输入框

清空文本内容

使用 .text('') 或 .html('') 方法可以清空元素的文本或 HTML 内容。

$("#textElement").text('');  // 清空纯文本
$("#htmlElement").html('');  // 清空 HTML 内容

清空整个 DOM 元素

使用 .remove() 方法可以彻底删除元素及其子元素。

$("#elementToRemove").remove();  // 移除元素

清空多个元素

结合 jQuery 选择器可以批量清空多个元素。

$(".clearable").empty();  // 清空所有 class="clearable" 的元素

注意事项

• .empty() 仅移除子元素，不影响元素本身。
• .remove() 会彻底删除元素，包括事件绑定。
• 清空表单时，.val('') 适用于 <input>、<select> 和 <textarea>。