jquery中remove(),detach()和empty()的区别

最新推荐文章于 2021-05-09 12:59:38 发布
最新推荐文章于 2021-05-09 12:59:38 发布
阅读量442 收藏
点赞数 1
分类专栏： jquery js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yummy_go/article/details/50810335
版权
js 同时被 2 个专栏收录
28 篇文章 0 订阅
订阅专栏
jquery
4 篇文章 0 订阅
订阅专栏

remove([expr])和detach()都是将指定的节点删除掉，会将其子孙节点全部移除掉，包括自己自身的节点元素。

而empty()则是清空节点里面的内容和子孙节点全部删除，但是自身的节点html还会保留。

例:
<p>Hello</p>
World
<p>welcome</p> 
执行$("p").empty()其结果是
<p></p>
World
<p></p> 

执行$("p").remove()其结果是
World

小亚美美
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jquery 删除元素remove() detach() empty()比较
01-21 1866
先看一段代码，这里函数处理ajax请求的返回结果，将表格的内容先移除然后重新添加 function dispose(data){ var data = eval('('+ data +')'); var dataJson = data.Json; if(data.state == 'success'){ $('#bugboardTable tbody').empty().pr
jquery remove() detach() empty()三种方法的区别
weixin_30730151的博客
08-02 83
remove方法把事件删除掉了，数据并没有删除 detach方法保存了事件和数据 empty方法保留了元素本身，移除子节点，删除内容 举例： <!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"></head>&l...
jQuery中detach、remove和empty的区别
weixin_34010566的博客
08-30 316
一、empty() 　　empty的作用是移除指定元素的子元素或者时指定元素的文本内容，但是会保留元素本身，同时保留元素绑定的事件以及jQuery数据。 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></ti...
java3d detach_jQuery detach()和empty()方法
weixin_42251888的博客
02-26 119
jQuery 删除元素除了上节教程介绍的 remove() 方法外，还有 detach() 和 empty() 方法，本节教程就对这两个方法进行介绍。jQuery detach()方法在 jQuery 中，detach() 和 remove() 的功能虽然相似，都是将某个元素及其内部所有内容删除，但是两者也有明显的区别。remove() 方法用于“彻底”删除元素。所谓的“彻底”，指的是不仅会删除元...
jQuery中删除方法empty(),remove()和detach()的区别
爱上喝水的女孩的博客
04-09 597
empty()清空匹配元素的所有子节点，自身节点和事件都没有被删除。remove()除了元素本身被保留外，其他绑定的事件、数据都会被移除。detach()这个方法与remove()方法不同的是所有绑定的事件、附加的数据等都会被保留下来。&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=" utf-8"&gt; &lt;...
jQuery中remove()、empty()、detach()的区别
cui1002的博客
03-20 388
remove()，清除匹配的元素包括所有子节点，但不会把元素从jQuery对象中删除，将来还能够利用这些元素，但是把绑定到该元素上的事件，数据等全部删除，以后不能再利用 detach()，与remove()相似，但是不会删除该元素上绑定的事件，数据等 empty()，删除匹配元素中所有的子节点，包括文本；
详解jQuery中的empty、remove和detach
10-22
jQuery作为一个广泛使用的JavaScript库，提供了一系列方法来操作DOM元素，其中empty、remove和detach是三个用于元素移除的方法。它们虽然在功能上相似，但是在使用场合和具体行为上存在差异，接下来将对这三个方法...
jQuery删除节点的三个方法即remove()detach()和empty()
12-01
在jQuery库中，有三种主要的方法用于处理DOM节点的删除：`remove()`，`detach()`，以及`empty()`。每种方法都有其特定的用途，适用于不同的场景。 1. `remove()`方法 `remove()`是jQuery中最常用的删除节点的方法。...
jQuery中的remove()、detach()和empty()的区别
dieshenqi9825的博客
09-11 137
jQuery提供三种删除节点的方法。 1. remove()方法 从DOM中删除所有匹配的元素，传入的参数用于根据jQuery表达式来筛选元素。 返回值是一个指向已被删除的节点的引用。 意思就是说，删除后还可以继续使用： var $li = $("ul li :eq(1)").remove(); $li.appendTo("ul"); 可以使用appendT...
jQuery detach()
weixin_42607424的博客
07-13 226
如下代码实现不了，什么鬼？&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="utf-8"/&gt; &lt;title&gt;jQuery&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;p titl
jQuery中的detach()方法解析
yaojxing的博客
06-22 1819
关于jQuery中的detach()方法的使用解析
jquery中使用detach 移除元素的使用场合
whaxrl的专栏
04-20 738
detach()函数用于从文档中移除匹配的元素，与remove()相比，detach()函数不会移除与元素关联绑定的附加数据( data()函数 )和事件等(remove()会移除)。 如果要删除以后不再利用的元素时，使用empty或者remove。 一、detach()的使用场合 当我们要对一个元素进行大规模的增删改的时候，我们可以用detach将这个元素提
empty，remove，detach 三个删除区别
休息休息夏的博客
05-09 431
标题：empty，remove，detach 三个删除区别 代码演示： <style> div{ height: 200px; width: 200px; background-color: orange; } </style> <body> <button type="button" id="empty">empty删除</button> <button typ
jQuery解读之empty、remove、detach区别
笔心
04-16 1万+
通过一张表来
浅谈jQuery中的删除方法empty()、remove()和detach()
筱葭的博客
04-25 6028
jQuery提供了三种删除节点的方法：remove()、detach()和empty()。 1．empty()：不是删除节点，而是清空节点，清空匹配的元素集合中所有的子节点，但元素自身和事件都未被删除。 2．remove()：不会把匹配的元素从jQuery对象中删除，可以在将来再使用，但除了元素自身保留下来外，其他的比如绑定的事件，附加的数据等都会被删除。 3．detach()：不会把匹配的
jQuery之detach()和remove()的区别
WRITE LESS，DO MORE
04-28 580
1.remove([expr])：返回删除的元素 定义：从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的像绑定的事件、附加的数据都会被删除。 2.detach([expr])：返回删除的元素 定义：从DOM中删除所有匹配的元素，这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将
Jquery empty() remove() detach() 方法的区别
行者无疆
09-18 1万+
引言： 最近项目中用到了这几个方法，感觉很大程度上有些相似，查了Jquery的api，同时也找了很多博客文章，发现还是理解不到区别。最后在很多材料和自己的事例验证中，终于找到了区别，不敢独占特拿出来分享。   方法简介： empty() This method removes not only child (and other descendant)
jquery中remove()与detach()的区别
热门推荐
我本无名的专栏
02-28 3万+
jquery是一个很大强的东西，在工作中常能用到，可是有些方法还是因为不常用到，或是没有注意到而被我们而忽略。 　　remove()和detach()可能就是其中的一个，可能remove()我们用得比较多，而detach()就可能会很少了。可能我用的不够精吧，我是一次也没有用过。可是这次因为一个项目中一个问题，而用到它，感觉很有意思就记录下来，与大家分享。 　　remove():官方的解释是
jQuery中 detach() 和 remove() 方法的区别是什么
NaiSiWangZai的博客
09-11 1047
尽管 detach() 和 remove() 方法都被用来移除一个DOM元素, 两者之间的主要不同在于 detach() 会保持对过去被解除元素的跟踪, 因此它可以被取消解除, 而 remove() 方法则会保持过去被移除对象的引用. 你也还可以看看 用来向DOM中添加元素的 appendTo() 方法。 ...
简述jquery中可以用来删除元素的remove()方法和detach()方法的异同
最新发布
04-24
remove() 方法和 detach() 方法都可以用来删除元素，但是它们存在一些差异： 1. remove() 方法会在删除元素时一并删除其数据和事件处理程序，而 detach() 方法则可以保留该元素的数据和事件处理程序。 2. remove() 方法会从文档流中完全删除元素及其子元素，而 detach() 方法则只是将元素从文档流中分离出来，但不会删除其子元素。 3. remove() 方法执行后，被删除的元素会被彻底消失，在新的位置重新插入该元素将无法找到以前的事件处理程序和数据。而 detach() 方法可以在以后的某个时候重新插入到文档中，并保留其事件处理程序和数据，因此更加灵活。 总之，remove() 方法删除元素及其所有数据和事件处理程序，而 detach() 方法仅删除元素但保留其数据和事件处理程序。需要根据具体需求选择使用哪一个方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值