宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-08-21

前言

我们知道可以使用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()函数应该理解为清空指定元素下的子节点,而不是删除指定元素下的子节点。关于这一点,让我们拭目以待,了解一下。个人觉得倒空比较合适!

摘要

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

更多资讯
游戏推荐
更多+