内容简介：我们知道可以利有jQuery中的detach()方法和jQuery中的remove()方法删除指定的或是匹配的元素，也可以使用removeClass()方法以及removeAttr()方法删除指定或是匹配元素的类或是属性。那么我们今天说一说利用jQuery如果删除指定或匹配的元素内的子元素和节点！jQuery中empty()方法的解释jQuery中的empty()方法：些方法可以清空/删除指定元素下的所以子节点或是内容
我们知道可以利有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()函数应理解为清空指定元素下的子节点，并不是删除指定元素下的子节点。关于这一点，大家看着理解吧。我个人认为，还是清空比较恰当一些！
以上所述就是小编给大家介绍的《jQuery删除/清空指定元素下的所有子节点的方法》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
- 如何清空所有Keychain及UserDefaults
- git如何清空所有的commit记录
- Chrome 69 清空 Cookies 会保留 Google 的 Cookies
- MUI调用原生自定义方法实现计算缓存与清空缓存
- 美国电邮商VFEmail遭黑客恶意攻击：服务器20年的数据被清空
- 页面刷新后，vuex中数据丢失、清空的解决方案 vuex-persistedstate
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
