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


Posted in jQuery onJuly 04, 2019

前言

我们知道可以利有jQuery中的detach()方法和jQuery中的remove()方法删除指定的或是匹配的元素,也可以使用removeClass()方法以及removeAttr()方法删除指定或是匹配元素的类或是属性。那么我们今天说一说利用jQuery如果删除指定或匹配的元素内的子元素和节点!

jQuery中empty()方法的解释

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

语法:

$(selector).empty()

举个大大的“例”字

利用jQuery中的empty()方法移去DIV中的所有内容

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

HTML代码

<div id="mochu">
  <p>这里是P标签内容</p>
  <p>这里是第二个P标签的内容</p>
</div>

JQ代码

$('#button').click(function(){
  $("#mochu").empty();
})

结果图示

审核源码如下图所示

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

通过上图我们可以发现,ID为mochu的div标签,里面的P标签和内容都已被删除!

作者有话说

写这篇文章的时候,查阅了三个文档,其中一个文档这样说的,empty()函数应理解为清空指定元素下的子节点,并不是删除指定元素下的子节点。关于这一点,大家看着理解吧。我个人认为,还是清空比较恰当一些!

总结

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

jQuery 相关文章推荐
jQuery Validate表单验证插件实现代码
Jun 08 jQuery
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
360提示[高危]使用存在漏洞的JQuery版本的解决方法
Oct 27 jQuery
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
jQuery擦除插件eraser使用方法详解
Jan 11 jQuery
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
JQuery插件tablesorter表格排序实现过程解析
May 28 jQuery
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 #jQuery
jQuery属性选择器用法实例分析
Jun 28 #jQuery
jQuery位置选择器用法实例分析
Jun 28 #jQuery
jQuery层叠选择器用法实例分析
Jun 28 #jQuery
jQuery内容选择器与表单选择器实例分析
Jun 28 #jQuery
jQuery子选择器与可见性选择器实例分析
Jun 28 #jQuery
基于jQuery的时间戳与日期间的转化
Jun 21 #jQuery
You might like
Redis使用Eval多个键值自增的操作实例
2016/11/04 PHP
php与c 实现按行读取文件实例代码
2017/01/03 PHP
PHP调试及性能分析工具Xdebug详解
2017/02/09 PHP
PHP添加PNG图片背景透明水印操作类定义与用法示例
2019/03/12 PHP
js之WEB开发调试利器:Firebug 下载
2007/01/13 Javascript
jquery-easyui关闭tab自动切换到前一个tab
2010/07/29 Javascript
JavaScript获取图片的原始尺寸以宽度为例
2014/05/04 Javascript
JQuery插件iScroll实现下拉刷新,滚动翻页特效
2014/06/22 Javascript
JavaScript中的标签语句用法分析
2015/02/10 Javascript
swtich/if...else的替代语句
2015/08/16 Javascript
简单谈谈javascript Date类型
2015/09/06 Javascript
JavaScript组合模式学习要点
2016/08/26 Javascript
基于JavaScript实现的希尔排序算法分析
2017/04/14 Javascript
JS改变页面颜色源码分享
2018/02/24 Javascript
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
小程序根据手机机型设置自定义底部导航距离
2019/06/04 Javascript
Vue数组响应式操作及高阶函数使用代码详解
2020/08/01 Javascript
js实现轮播图效果 纯js实现图片自动切换
2020/08/09 Javascript
详解Vue的mixin策略
2020/11/19 Vue.js
[01:28:31]《加油DOTA》真人秀 第五期
2014/09/01 DOTA
[46:44]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
python制作爬虫爬取京东商品评论教程
2016/12/16 Python
matplotlib绘制符合论文要求的图片实例(必看篇)
2017/06/02 Python
Java编程迭代地删除文件夹及其下的所有文件实例
2018/02/10 Python
python实现遍历文件夹修改文件后缀
2018/08/28 Python
pandas中apply和transform方法的性能比较及区别介绍
2018/10/30 Python
python绘制热力图heatmap
2020/03/23 Python
python实现指定字符串补全空格、前面填充0的方法
2018/11/16 Python
Python3内置模块pprint让打印比print更美观详解
2019/06/02 Python
巧克力领导品牌瑞士莲美国官网:Lindt Chocolate美国
2016/08/25 全球购物
北京泡泡网网络有限公司.net面试题
2012/07/17 面试题
冰淇淋店的创业计划书
2014/02/07 职场文书
运动会演讲稿50字
2014/08/25 职场文书
个人债务授权委托书范本
2014/10/05 职场文书
大学四年个人总结
2015/03/03 职场文书
Oracle更换为MySQL遇到的问题及解决
2021/05/21 Oracle