jquery中empty()与remove()使用区别

于 2020-12-16 00:49:47 发布
阅读量203 收藏 1
点赞数
分类专栏： 前端部分
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33949023/article/details/111244252
版权
本文深入探讨了jQuery中empty()和remove()两个方法的区别。empty()主要用于清除元素内的所有子节点，而remove()则会将元素自身从DOM中彻底删除。通过示例展示了两者执行后的不同效果，帮助开发者更好地理解和运用这两种DOM操作。
摘要由CSDN通过智能技术生成

要用到移除指定元素的时候，发现empty()与remove()都可以用来实现。可仔细观察效果的话就可以发现 :

  1. empty()是只移除了指定元素中的所有子节点 ;
  2. remove()则是把自己从dom中删除，而不会保留其所占的位置。

====================

例:

<p>Hello</p>
word!
<p>welcome</p>

执行$(“p”).empty()其结果是

<p></p>
word!
<p></p>

执行$(“p”).remove()其结果是

word!
那年的雪a
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery中empty()方法与remove()方法
Liuxiaoyang1999的博客
11-11 415
目录 empty()方法: remove()方法: empty()方法: empty() ：删除匹配的元素集合中所有的子节点，但不包括自身; 代码示例： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> ...
Jquery 删除元素remove() detach() empty()比较
01-21 1863
先看一段代码，这里函数处理ajax请求的返回结果，将表格的内容先移除然后重新添加 function dispose(data){ var data = eval('('+ data +')'); var dataJson = data.Json; if(data.state == 'success'){ $('#bugboardTable tbody').empty().pr
jQuery中的empty方法和remove方法
YJT180的博客
11-11 761
empty方法：删除匹配的元素集合中所有的子节点; <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="jquery-3.3.1.js"></script> &l...
JQuery中的remove()和empty()方法
qq_42305089的博客
09-23 1219
remove()方法：删除JQuery对象对应的DOM节点 empty()方法:清空JQuery()对象对应的DOM对象的所有子节点  
jQuery中empty和remove方法
ANFO的博客
11-11 963
在jQuery中，empty()和remove()方法都是用来删除DOM节点的： empty() ：删除匹配的元素集合中所有的子节点，不包括自身。 remove([expr]) ：删除匹配元素，包括自身及节点中内容。 二者的区别在于是否删除自身的元素，下面两个示例展示了这两个方法的作用： 下面的代码首先使用标签选择器获取p标签，然后用p标签调用empty()方法，删除的是被p标签包裹的所...
Jquery中empty()和remove()的区别
WilsonMP
08-24 692
相同点：两个方法都是Jquery中用来删除DOM节点的。 区别： empty（）是移除指定标签内的所有节点，包括文本节点。 remove（）是移除指定的当前节点。 如，对如下DOM树： &lt;body&gt; &lt;div&gt;this is header&lt;div&gt; this is main. &lt;div&gt;this is f...
jquery之empty()与remove()区别说明
10-28
在介绍完empty()与remove()方法的基本区别之后，再来看看它们使用上的一些细节和注意事项。empty()方法是一个无需传递参数的函数，它作用于匹配到的元素集合中的第一个元素，移除其所有子节点。而remove()方法则可以...
详解jQuery中的empty、remove和detach
10-22
然而，remove与empty的主要区别在于，remove方法在移除元素时，会同时清除元素上的数据和事件处理器，这使得元素无法再被重新添加回DOM中而不丢失其数据和事件绑定。 最后，detach方法提供了与remove类似的功能，...
jQuery中DOM节点删除之empty与remove
10-20
DOM节点删除相信对每个初学jQuery的新手们来说都不陌生，下面这篇文章主要介绍了jQuery中DOM节点删除之empty与remove的相关资料，有需要的朋友可以参考借鉴，感兴趣的下面来一起学习学习吧。
利用HTML+CSS美化表格
想娶媳妇的苗同学的博客
10-17 3490
HTML+CSS美化表格： 效果如下: 实现代码： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Table</title> <style type="text/css"> * { marg...
jQuery中remove()与empty()
nairuozi的博客
11-11 110
1.empty() 删除所匹配元素中的所有子节点。但保留自身。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-3.3.1.js"></script&...
Jquery--remove和empty删除
huang_jimei的博客
07-21 208
一、Jquery中的remove和empty都可以进行删除，二者有所区别； （1）代码 <style> .con{width: 500px;height: 200px; background: #4CB8FF;} </style> <body> <div class="con"> <p>大河向东流啊，游啊游</p> <p>文本文本</p> </div> <bu
jQuery解读之empty、remove、detach区别
笔心
04-16 1万+
通过一张表来
jQuery——remove()、empty()区别
zp19860529的博客
03-06 472
remove()与empty() 有删除的功能，但是remove方法会把选中的元素标签也一起删除掉，empty()只会清空元素标签中的内容，不会把选中的标签($(tag))也干掉，但会把包含的子标签DOM节点删除掉. 1. remove()，都会返回被选择的标签JQuery对象,empty()则不会返回有意义JQuery对象； <div id="fdiv"> <...
Jquery empty() remove() detach() 方法的区别
热门推荐
行者无疆
09-18 1万+
引言： 最近项目中用到了这几个方法，感觉很大程度上有些相似，查了Jquery的api，同时也找了很多博客文章，发现还是理解不到区别。最后在很多材料和自己的事例验证中，终于找到了区别，不敢独占特拿出来分享。   方法简介： empty() This method removes not only child (and other descendant)
jquery 中的empty()和remove()
行天之路
11-25 1057
在jquery中empty()和remove()函数都用来移除匹配的元素，前者用来移除匹配元素的后代元素，然而后者用来移除所有匹配的元素及其所有的后代元素。   例子： 如以行的2个div标签，其中BBox是ABox的子标签。 divclass="ABox">         I'm a A box         divclass="BBox">I'm a B box/div>
empty()与remove() 区别
qi琪的专栏
07-27 418
要用到移除指定元素的时候，发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点，拿$(“p”).empty()来说，他只是把dsfsd中的文本给移除了，而留下 了,仍保留其在dom中所占的位置。 remove([expr])则是把其从dom中删除，而不会保留其所占的位置。
jQuery中的remove（）和empty（）方法
weixin_45104211的博客
11-11 184
一、总结 1、remove（）删除所有匹配元素 2、empty（）删除匹配元素的子节点 二、案例 1、remove（） 代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> ...
jquery empty()与remove()的区别
weixin_33918114的博客
11-27 110
要用到移除指定元素的时候，发现empty()与remove()都可以用来实现。可仔细观察效果的话就可以发现。 empty()是只移除了 指定元素中的所有子节点，可节点还在，拿$("p").empty()来说，他只是把<p>dsfsd</p>中的文本给移除了，而留下 了<p></p>,仍保留其在dom中所占的位置。 remove()则是把其从dom...
jQuery删除节点操作：remove()与empty()详解
2. **empty()函数**：与`remove()`不同，`empty()`函数仅删除节点内的所有子节点（包括文本节点），但保留节点本身。例如，当处理表格数据时，可以通过`$(this).empty()`清空选中的行，同时保持表格结构。 文章还...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值