jquery清空元素内容

清空元素内容的方法

使用jQuery清空元素内容可以通过以下几种方式实现，具体选择取决于需求。

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

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

方法2：使用html('')方法
直接设置元素的innerHTML为空字符串，快速清空内容。

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

方法3：使用text('')方法
如果仅需清空文本内容（不包含子元素），可以使用text('')。

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

方法4：移除子元素（保留文本）
若需保留文本但移除子元素，可通过遍历删除：

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

注意事项

• empty()与html('')的区别：empty()会触发内存清理（移除事件监听等），而直接设置html可能导致内存泄漏。
• 性能：empty()通常比html('')更高效，尤其是在处理大量子节点时。