加载中…
个人资料
忘尘子
忘尘子
  • 博客等级:
  • 博客积分:0
  • 博客访问:209,172
  • 关注人气:45
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

jQuery学习之remove与detach区别

(2012-08-27 18:33:28)
标签:

jquery

detach

remove

杂谈

分类: jQuery
1、remove([expr])

概述:从DOM中删除所有匹配的元素。
这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外,其他的比如绑定的事件,附

加的数据等都会被移除。

<div class="pt-main">
<p class="first">第一项</p>
<ul id="sideNav">
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>
    <li>Item4</li>
</ul>
</div>

 $('p').remove();//或者  $('p').remove('.first');


2、detach([expr])

概述:从DOM中删除所有匹配的元素。
这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留

下来。

 $('p').detach();

比较:

<div id="google">Google</div>
<div id="apple">Apple</div>

 $(function () {
        $("#apple").hover(function () {
            $(this).text("Google+");
        });
        //使用 remove() hover()事件也会被删除
        //apple = $("#apple").remove();

        //使用detach() hover()事件会保存下来
        apple = $("#apple").detach();
        $("body").append(apple);
          
    });

参考文档

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有