javascript - 关于jquery的remove()方法

问题描述

问 题

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

解决方案

关于 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不是很复杂的话，暂时可以忽略。 这个是我的见解，有不对的请指教哈~

这篇关于javascript - 关于jquery的remove()方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！