关于jquery的remove()方法

xiatianlong
  • 2.2k

clipboard.png

这里不太明白,不会重jquery对象中删除? 如果要删除,怎么删除呢?

回复
阅读 2k
1 个回答
✓ 已被采纳

关于 remove 我们看源码是这样的:摘自jquery2.x

// keepData is for internal use only--do not document
    remove: function( selector, keepData ) {
        var elem,
            elems = selector ? jQuery.filter( selector, this ) : this,
            i = 0;

        for ( ; (elem = elems[i]) != null; i++ ) {
            if ( !keepData && elem.nodeType === 1 ) {
                jQuery.cleanData( getAll( elem ) );
            }

            if ( elem.parentNode ) {
                if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) {
                    setGlobalEval( getAll( elem, "script" ) );
                }
                elem.parentNode.removeChild( elem );
            }
        }

        return this;
    },

按照示例的代码 $('p').remove()结合源码所说,其实用的就是原生的removeChild

https://developer.mozilla.org...

而removeChild 这里MDN有个说明:

被移除的这个子节点仍然存在于内存中,只是没有添加到当前文档的DOM树中,因此,你还可以把这个节点重新添加回文档中,当然,实现要用另外一个变量比如上例中的oldChild来保存这个节点的引用. 如果使用上述语法中的第二种方法, 即没有使用 oldChild 来保存对这个节点的引用, 则认为被移除的节点已经是无用的, 在短时间内将会被内存管理回收.

而题主标注的 不会从jQuery对象中删除,也一样,题主可以在页面随便找一个jQuery dom看看,
比如

var t = $('#test');
t.remove();

这里t就是一个jQuery对象,包含了已经remove掉的dom的信息。

正如上面引用mdn所说,如果你没有用变量来保存已经删除的dom,那它就等着被回收掉了。

当然可能觉得就像上面,还是用了t保存了dom的信息,并且在t[0]上,那可以试下 delete(t[0]) ?

= =我倒是 不知道咋测试那个dom到底被回收了没。不过基本上remove了,也没引用了 ,如果页面dom不是很复杂的话,暂时可以忽略。 这个是我的见解,有不对的请指教哈~

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏