jQuery Empty - JavaScript

介绍

当需要删除元素的所有子节点时，可以使用 empty() 方法。该方法会删除元素内所有子节点，但不包括当前元素本身。

使用方法

在 jQuery 中，可以使用以下语法调用 empty() 方法：

$(selector).empty()

其中，参数 selector 是要操作的元素的选择器。

例如，我们有以下 HTML 标记：

<div id="myDiv">
    <p>这是段落1。</p>
    <p>这是段落2。</p>
</div>

如果我们想要删除 id 为 myDiv 的 div 元素下的所有子节点，可以使用以下代码：

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

执行后，上述 HTML 代码会被修改为：

<div id="myDiv"></div>

注意事项

• 使用 empty() 方法会删除元素内所有子节点。如果想要保留某些子节点，可以使用其他方法，如 remove()。
• empty() 方法不会删除元素本身。如果需要删除元素本身及其所有子节点，可以使用 remove() 方法。

总结

empty() 方法是 jQuery 中常用的方法之一，用于删除元素的所有子节点。在编写 JavaScript 代码时，可以根据实际需求使用该方法，从而提高开发效率。