jquery的remove和detach的方法区别

最新推荐文章于 2022-05-17 15:16:09 发布

最新推荐文章于 2022-05-17 15:16:09 发布 · 229 阅读

文章标签：

#detach #remove

前端面试题专栏收录该内容

37 篇文章

订阅专栏

本文通过实际操作演示了jQuery中的detach与remove方法的区别，重点在于detach保留事件绑定而remove则不会。

前面写过一篇jQuery文档处理相关的文章，介绍了一下文档操作中删除相关的api。

那么remove与detach的区别最主要的是什么呢？

我们先做个测试，动动手比死的理论影响深刻。

<div id="test" style="width:200px;height:100px;">默认文字</div>

<input type="button" id="detach" value="detach" />

<div id="parent"></div>

$(function(){

    //绑hover
    $('#test').hover(function(){
		$(this).html("hover状态");
    },function(){
		$(this).html("原始的内容");
    });


   //调用detach;
   $('#detach').click(function(){
	   //绑detach
           //var test = $('#test').detach();

           //绑remove
	   var test = $('#test').remove();
           $('#parent').append(test);
   });

});

最后发现：