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 form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
Jun 09 jQuery
jQuery ajax动态生成table功能示例
Jun 14 jQuery
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
将jquery.qqFace.js表情转换成微信的字符码
Dec 01 jQuery
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
基于jQuery实现的设置文本区域的光标位置
Jun 15 jQuery
jQuery实现可编辑的表格
Dec 11 jQuery
jquery实现图片无缝滚动 蒙版遮蔽效果
Jan 11 jQuery
基于JQuery实现页面定时弹出广告
May 08 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
php HandlerSocket的使用
2011/05/02 PHP
PHP生成各种常见验证码和Ajax验证过程
2016/01/10 PHP
PHP实现的通过参数生成MYSQL语句类完整实例
2016/04/11 PHP
用js判断用户浏览器是否是XP SP2的IE6
2007/03/08 Javascript
JavaScript 异步调用框架 (Part 5 - 链式实现)
2009/08/04 Javascript
jQuery each()方法的使用方法
2010/03/18 Javascript
解析window.open的使用方法总结
2013/06/19 Javascript
把input初始值不写value的具体实现方法
2013/07/04 Javascript
JQuery遍历DOM节点的方法
2015/06/11 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
2016/01/27 Javascript
js时间控件只显示年月
2017/01/08 Javascript
用Nodejs搭建服务器访问html、css、JS等静态资源文件
2017/04/28 NodeJs
微信小程序网络层封装的实现(promise, 登录锁)
2019/05/08 Javascript
vue把输入框的内容添加到页面的实例讲解
2019/11/11 Javascript
使用 Jest 和 Supertest 进行接口端点测试实例详解
2020/04/25 Javascript
使用 Opentype.js 生成字体子集的实例代码详解
2020/05/25 Javascript
[48:22]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python在windows下创建隐藏窗口子进程的方法
2015/06/04 Python
举例讲解Python中metaclass元类的创建与使用
2016/06/30 Python
对python中return和print的一些理解
2017/08/18 Python
TensorFlow的权值更新方法
2018/06/14 Python
Python中反射和描述器总结
2018/09/23 Python
python字典的遍历3种方法详解
2019/08/10 Python
python实现替换word中的关键文字(使用通配符)
2020/02/13 Python
浅谈Pycharm的项目文件名是红色的原因及解决方式
2020/06/01 Python
LightInTheBox西班牙站点:全球商品在线采购
2016/09/22 全球购物
Artist Guitars新西兰:乐器在线商店
2017/09/17 全球购物
TIME时代杂志台湾总代理:台时亚洲
2018/10/22 全球购物
洛杉矶时尚女装系列:J.ING US
2019/03/17 全球购物
公司办公室岗位职责
2014/03/19 职场文书
暑假学习心得体会
2014/09/02 职场文书
安全教育第一课观后感
2015/06/17 职场文书
创业计划书详解
2019/07/19 职场文书
写给消防战士们的一封慰问信
2019/10/07 职场文书
redis调用二维码时的不断刷新排查分析
2022/04/01 Redis
Python安装使用Scrapy框架
2022/04/12 Python