jQuery删除清空指定元素下的所有子节点的方法

我们知道可以利有 jQuery 中的 detach()方法和 jQuery 中的 remove()方法删除指定的或是匹配的元素，也可以使用 removeClass()方法以及 removeAttr()方法删除指定或是匹配元素的类或是属性。那么我们今天说一说利用 jQuery 如果删除指定或匹配的元素内的子元素和节点！

jQuery 中 empty()方法的解释
jQuery 中的 empty() 方法：些方法可以清空 / 删除指定元素下的所以子节点或是内容

语法：

$(selector).empty()

举个大大的“例”字

利用 jQuery 中的 empty()方法移去 DIV 中的所有内容

HTML 代码

<div id="mochu">
    <p> 这里是 P 标签内容 </p>
    <p> 这里是第二个 P 标签的内容 </p>
</div>

JQ 代码

$('#button').click(function(){$("#mochu").empty();})

结果图示

审核源码如下图所示

通过上图我们可以发现，ID 为 mochu 的 div 标签，里面的 P 标签和内容都已被删除！

作者有话说

写这篇文章的时候，查阅了三个文档，其中一个文档这样说的，empty()函数应理解为清空指定元素下的子节点，并不是删除指定元素下的子节点。关于这一点，大家看着理解吧。我个人认为，还是清空比较恰当一些！