zoukankan      html  css  js  c++  java
  • jquery remove() detach() empty()三种方法的区别 c

    remove方法把事件删除掉了,数据并没有删除

    detach方法保存了事件和数据

    empty方法保留了元素本身,移除子节点,删除内容

    举例:

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <meta charset="utf-8">
    </head>
    <body>
    <p>这是一段文字</p>
    <div class="item"></div>
    <script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script>
        $(function () {
            $('p').click(function(){
                $(this).css('fontSize','+=5');
            }).data('demo', 'demo');

            $('p').remove();//移除事件,内容数据还在
            $('p').detach();//保存了事件和数据
            $('p').empty();//移除内容数据,若p标签里有<span>等标签等子节点,也会将所有子节点移除,保留一个空的p标签

             $('p').appendTo($('.item'));
        });
    </script>
    </body>
    </html>
  • 相关阅读:
    第五周上机作业
    第四周练习
    第八周上机练习
    第七周作业
    第七周上机练习
    第六周作业
    第六周上机练习
    第五周上机作业
    第四周作业
    第四周上机练习
  • 原文地址:https://www.cnblogs.com/leiting/p/7274613.html
Copyright © 2011-2022 走看看