• 技术文章 >Web开发 >JavaScript

    jquery中detach()和remove()区别详解

    宋雪维宋雪维2021-01-26 10:58:43原创2105

    jquery删除元素的三种方法中,detach()方法和和remove()方法很相似,都可以用于从DOM中去掉所有匹配的元素。但是二者使用上区别,区别在于detach()方法会把所有绑定的事件、附加的数据等都会保留下来。本文向大家详解jquery中detach()和remove()区别。

    1、定义区别

    remove()方法 : 把被选中元素删除(包括事件);

    detach()方法: 把被选中元素删除,当把元素在添加到body中时,原先的事件还会保留。

    2、使用区别

    remove()方法:删除元素之后除了元素自身保留下来外,其他的比如绑定的事件,附加的数据等都会被删除。

    detach()方法:删除元素可以在将来再使用,且所有绑定的事件、附加的数据等都会保留下来。

    3、区别实例

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    <body id='body'>

        <div id="one">one</div> 

         <div id="two">two</div>

      </body>

       $(document).ready(function(){

               $('#one').click(function(){

                           $(this).text('one-two');

              })

             //使用remove(),hover事件也会被删除

               one=$('#one').remove();

             //使用detach(),hover()事件会被保存

              one=$('#one').detach();

             $('#body').append(one);

             })

    其实detach()和remove()区别主要在于是否将已删除元素所绑定的数据删除。当你删除之后,想要在后来的某个时候重新加入时,detach()方法将会很有用哦~更多JavaScript学习推荐:JavaScript教程

    专题推荐:js jquery
    上一篇:jquery删除元素的三种方法 下一篇:jquery基本选择器包括哪几种

    相关文章推荐

    • python中Counter是什么意思?• python中K-means算法是什么?• python中pyecharts如何使用?

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网