jQuery删除/清空指定元素的所有子节点实例代码

前言

我们知道可以使用jQuery中的detach()方法和jQuery中的remove()方法删除指定的或匹配的元素，也可以使用removeClass()方法和removeAttr()方法删除指定的或匹配的元素的类或属性。所以今天，我们来谈谈使用jQuery删除指定或匹配元素中的子元素和节点！

jQuery中empty()方法的解释

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

语法：

$(选择器)。空的()

举个大“例子”

使用jQuery中的empty()方法移除DIV中的所有内容

HTML代码

Div ID=' mochu ' pHere是p标记的内容/p FERRY是第二个p标记/p/divJQ代码的内容

$('#button ')。单击(function(){ $('#mochu ')。empty()；})结果图

审核源代码如下图所示

从上图可以发现，ID为mochu的div标签中的P标签和内容都被删除了！

作者有话要说

写这篇文章的时候，我查阅了三个文档，其中一个文档说，empty()函数应该理解为清空指定元素下的子节点，而不是删除指定元素下的子节点。关于这一点，让我们拭目以待，了解一下。个人觉得倒空比较合适！

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。