脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jQuery删除/清空指定元素的所有子节点

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

 更新时间：2019年07月04日 10:34:20   作者：小时光  
这篇文章主要给大家介绍了关于jQuery删除/清空指定元素的所有子节点，文中通过示例代码介绍的非常详细，对大家学习或者使用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()函数应理解为清空指定元素下的子节点，并不是删除指定元素下的子节点。关于这一点，大家看着理解吧。我个人认为，还是清空比较恰当一些！

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。

您可能感兴趣的文章:

相关文章

  • 详解jQuery中基本的动画方法

    详解jQuery中基本的动画方法

    通过jQuery中基本的动画方法，能够轻松地为网页添加非常精彩的视觉效果，给用户一种全新的体验，本文主要对jQuery中基本的动画方法进行详细介绍，需要的朋友一起来看下吧
    2016-12-12
  • jQuery实现经典的网页3D轮播图封装功能【附源码下载】

    jQuery实现经典的网页3D轮播图封装功能【附源码下载】

    这篇文章主要介绍了jQuery实现经典的网页3D轮播图封装功能,结合实例形式详细分析了基于jQuery插件Figure_3D.js实现3D轮播图功能的具体步骤与相关操作技巧,需要的朋友可以参考下
    2019-02-02
  • 从零开始学习jQuery (二) 万能的选择器

    从零开始学习jQuery (二) 万能的选择器

    本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象, 可以明显减轻开发人员的工作量.
    2010-10-10
  • jQuery Dialog 取消右上角删除按钮事件

    jQuery Dialog 取消右上角删除按钮事件

    这篇文章主要介绍了jQuery Dialog 取消右上角删除按钮事件的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2016-09-09
  • jQuery.prototype.init选择器构造函数源码思路分析

    jQuery.prototype.init选择器构造函数源码思路分析

    jQuery的核心思想可以简单概括为“查询和操作dom”，今天主要是分析一下jQuery.prototype.init选择器构造函数，处理选择器函数中的参数,感兴趣的朋友可以了解下，或许本文所提供的知识对你学习有所帮助
    2013-02-02
  • jQuery中animate的几种用法与注意事项

    jQuery中animate的几种用法与注意事项

    在今天之前，我对jQuery的中的animate()方法还停留在最常见的用法，查了一下手册，发现在1.8的时候增加了几个比较有用的回调函数，想着就来总结下jQuery中animate的几种用法与注意事项，方便自己或者大家有需要的时候参考借鉴，下面来一起看看吧。
    2016-12-12
  • JQuery调用绑定click事件的3种写法

    JQuery调用绑定click事件的3种写法

    这篇文章主要介绍了JQuery调用绑定click事件的3种写法,本文简洁清晰的给出3种写法的代码示例,可以很方便的复制使用,需要的朋友可以参考下
    2015-03-03
  • jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】

    jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】

    这篇文章主要介绍了jQuery插件HighCharts实现的2D对数饼图效果,结合实例形式分析了jQuery图形插件HighCharts绘制2D对数饼图的具体实现步骤与相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2017-03-03
  • JQuery遍历DOM节点的方法

    JQuery遍历DOM节点的方法

    这篇文章主要介绍了JQuery遍历DOM节点的方法,实例分析了jQuery遍历DOM节点的相关技巧,需要的朋友可以参考下
    2015-06-06
  • 使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能

    使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能

    在项目中遇到这样的需求当用户点击编辑时，在点击行下动态产生一行，编辑铵钮变为disabled,新产生的一行有更新和取消的铵钮，点击“取消”铵钮，删除刚刚动态产生的行，编辑铵钮状态恢复。下面小编给大家分享实例代码，一起看看吧
    2017-03-03

最新评论