使用jQuery怎么删除指定元素的所有子节点

这篇文章给大家介绍使用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();
})

结果图示

审核源码如下图所示

jquery是什么

jquery是一个简洁而快速的JavaScript库，它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器，并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件，是继Prototype之后又一个优秀的JavaScript代码库，能够用于简化事件处理、HTML文档遍历、Ajax交互和动画，以便快速开发网站。

关于使用jQuery怎么删除指定元素的所有子节点就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。