DOM节点删除detach()和remove()区别

最新推荐文章于 2021-06-04 05:57:28 发布
最新推荐文章于 2021-06-04 05:57:28 发布
阅读量290 收藏
点赞数
分类专栏： 前端 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43742368/article/details/106365392
版权 
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
/*remove：移除节点
1.无参数，移除自身整个节点以及该节点的内部的所有节点，包括节点上事件与数据
2.有参数，移除筛选出的节点以及该节点的内部的所有节点，包括节点上事件与数据
detach：移除节点
1.移除的处理与remove一致
2.与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来
3.例如：$("p").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。*/
    $(document).ready(function() {
        $(".aa").on('click', function(){
			$(".aa").remove();//删除aa下的所有元素
		})
    	var p;
    	$(".bb").click(function() {
      
        //通过detach方法删除元素
        //只是页面不可见，但是这个节点还是保存在内存中
        //数据与事件都不会丢失
        p = $(".bb").detach()
		})
    	$(".but
最低0.47元/天 解锁文章
♕时光以北暮南城
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
从jQuery的remove()和原生JS的removeChild()方法再观jQuery对象和DOM对象的关系
Alcantara的博客
01-23 1万+
jQuery对象是通过jQuery包装DOM对象后产生的对象。jQuery的remove()方法和原生js的removeChild()方法都是从DOM中删除节点，方法的返回值是：1. remove()方法：返回一个指向已被删除的节点的引用，这个节点元素还可以使用；2. removeChild()方法：删除的节点仍然存在于内存，只是没有添加到当前文档的DOM树中。可以总结为：remove()方法移除...
DOM节点删除之detach()和remove()区别
qq_37036642的博客
08-02 2453
remove()和detach()可能就是其中的一个，可能remove()我们用得比较多，而detach()就可能会很少了  通过一张对比表来解释2个方法之间的不同 方法名 参数 事件及数据是否也被移除 元素自身是否被移除 remove 支持选择器表达 是 是（无参
jquery里删除节点remove与detach
weixin_46421045的博客
06-14 204
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
DOM——节点删除.empty()、remove()和.detach()
weixin_34208185的博客
11-12 208
节点删除.empty()、remove()和.detach() 1 empty清空方法，与删除不一样，只移除了指定元素中的所有子节点，不仅移除子元素（和其他后代元素），同样移除元素里的文本，如<div class="hello"><p>慕课网</p></div> 2 通过empty方法移...
remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点
Fanbin168的专栏
04-10 3346
remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点 中国 美国 德国 俄国 removedetachempty
jQuery删除节点的三个方法即remove()detach()和empty()
10-26
在jQuery中，删除或移除DOM节点是常见的操作，用于更新页面内容或优化性能。jQuery提供了三种主要的方法来实现这一目的：`remove()`、`detach()`和`empty()`。每种方法都有其特定的用途和行为，下面我们将详细探讨这...
jQuery中DOM节点的删除方法总结（超全面）
10-20
本文将详细介绍jQuery提供的三种主要的DOM节点删除方法：`empty()`、`remove()`和`detach()`。 ### 1. `empty()` `empty()`方法主要用于清空元素内的所有子节点，包括文本节点。它不会删除元素自身，而是仅仅移除...
jQuery DOM删除节点操作指南
10-24
本章节主要介绍了jQuery中dom操作的三种删除节点的方法，即remove()，detach()和empty()，并附上示例代码，非常实用，这里推荐给小伙伴们。
删除节点
qq_45593083的博客
10-30 1628
删除节点的方法，分别是remove(),detach(),empty()方法 remove()方法用于从DOM中删除所有匹配元素， remove方法删除某个节点之后，该节点所包含的所有后代节点将>同时被删除。 remove()方法的返回值是一个指向已被删除的节点的引用。以>后也可以继续使用这些元素。 例如 var $p_2 = $(“div p:eq(1)”).remove();//...
删除节点方法remove() 、detach()、empty()
LzzMandy的博客
04-19 2248
有三种删除节点的方法，分别为remove() 、detach()、empty()
DOM节点删除之remove()的有参用法和无参用法
qq_37036642的博客
08-02 781
remove与empty一样，都是移除元素的方法，但是remove会将元素自身移除，同时也会移除元素内部的一切，包括绑定的事件及与该元素相关的jQuery数据。 例如一段节点，绑定点击事件 慕课网 $('.hello').on("click",fn) 如果不通过remove方法删除这个节点其实也很简单，但是同时需要把事件给销毁掉，这里是为了防止"内存泄漏"，所以前端开发者一定要注意，
Jquery使用Remove方法删除元素节点
qq_42757177的博客
04-26 1325
使用Jquery的方法remove()删除节点时，每删除一个节点，其索引会变化, 可以在删除索引后，改变循环的值 使用jQuery的remove方法直接删除节点 直接连续删除两个tr节点，会发现第二个无法删除，因为在第一个节点删除后，第二个的tr节点值由原来的n变化为n-1。 <!DOCTYPE html> <html> <head> <meta...
jQuery--删除节点（remove()、detach()、empty()）详解
吴声子夜歌的博客
10-02 1895
删除节点 在jQuery中提供了remove()和detach()方法，用于删除元素节点；empty()方法用于清空当前元素中的内容，而元素的标签部分仍被保留。 1. remove()方法： remove()方法用于删除所匹配的元素，包括该元素的文本节点和子节点。该方法返回一个jQuery对象或数组，其中包含被删除元素的基本内容，但不包含所绑定的事件和附加数据等信息。remove()方法的语法格式...
DOM节点删除之保留数据的删除操作detach()
Iron
07-28 397
DOM节点删除之保留数据的删除操作detach() 如果我们希望临时删除页面上的节点，但是又不希望节点上的数据与事件丢失，并且能在下一个时间段让这个删除的节点显示到页面，这时候就可以使用detach方法来处理 detach从字面上就很容易理解。让一个web元素托管。即从当前页面中移除该元素，但保留这个元素的内存模型对象。 来看看jquery官方文档的解释： 这个方法不会把匹配的元素从j
java数组遍历删除_java数组遍历 删除remove
weixin_33142377的博客
02-13 440
package com.b;import java.util.ArrayList;//数组遍历删除，添加public class Core2 {private String name;private int num;private String color;public Core2() {}public Core2(String a, int b, String c) {name = a;num ...
html5 dom 引擎,{HTML5}DOM节点操作-第三节
weixin_32652107的博客
06-04 108
​除了创建、插入和包裹节点，jQuery 还提供了一些常规的节点操作方法：复制、替换和删除节点。$(‘#box’).click(function(){alert(‘123’);});$('body').append($('div').clone(true)); //复制一个节点添加到 HTML 中$(‘div’).clone().appendTo(‘body’);//同上, .clone(...
JQuery (DOM节点的删除 Detach())
21号先锋者
02-05 481
@{ Layout = null; } &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta name="viewport" content="width=device-width" /&gt; &lt;title&gt;ChapterThreeDetach&lt;/title&gt
简述jquery中可以用来删除元素的remove()方法和detach()方法的异同
最新发布
04-24
remove() 方法和 detach() 方法都可以用来删除元素，但是它们存在一些差异： 1. remove() 方法会在删除元素时一并删除其数据和事件处理程序，而 detach() 方法则可以保留该元素的数据和事件处理程序。 2. remove()...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值