jquery 清空

jQuery 清空元素内容的方法

使用 jQuery 清空元素内容可以通过以下几种方式实现：

清空元素的 HTML 内容 使用 empty() 方法可以移除元素的所有子节点，但保留元素本身：

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

清空元素的文本内容 使用 text() 方法并传入空字符串可以清空元素的文本内容：

$('#elementId').text('');

清空表单元素的值 对于输入框、文本域等表单元素，使用 val() 方法并传入空字符串：

$('#inputId').val('');

移除元素及其内容 使用 remove() 方法可以完全移除元素及其所有子节点：

$('#elementId').remove();

清空多个元素的内容 可以通过选择器选中多个元素并批量清空：

$('.className').empty();

注意事项

• empty() 和 remove() 的区别在于前者保留元素本身，后者完全移除元素。
• 清空表单元素时建议使用 val('') 而非 text('') 或 html('')。
• 这些方法会触发 jQuery 的 DOM 操作事件，可能影响性能，在批量操作时需注意优化。