Question

I am really wondering if jQuery remove function really remove elements from DOM.
First, I looked here but the answers are not convincing.
I encountered this problem when I noticed I am still able to manipulate elements on which I have called remove function.

我的代码:

<div id="container">
    <div id="div">
        This is a div
    </div>
</div>

var div = $( #div );
$( #div ).remove();
$( #container ).append(div);

Note: My question is not how to solve this? but I want to understand what s going on here!

Actually, this code doesn t remove the #div from the dom, but if I have any data set to the #div, it will be lost. I am pretty confused now about the behaviour of remove function. Can anyone explain this please? DEMO

I am convinced that div variable is not just a clone of the dom element, is a reference to it, because when I manipulate the div variable, (like div.html( something )) the div within the DOM get updated.
Or am I wrong?

Answer 1

remove () 确实将元素从 DOM 中删除。

然而,在您的示例中,由于您指定给 div 变量,该元素已被缓存。因此您仍然可以使用它, 并再次附加它, 并且它仍然会包含原始的所有事件。

如果你说对了,为什么我把数据解密给Div呢?

如果您检查", http://james.padolsey.com/jquery/#v=git&fn=jQuery.fn.remove" rel=“ norefererr” > 源代码可以删除( 您可以看到它被称为内部 cleanData 函数, 来清除事件并清除元素的 data 缓存。这就是为什么您丢失了信息。

如果您想要从 DOM 中删除元素, 但保留元素, 请使用 < code> detach () 代替 < code > 。

此处显示差异:http://jsfiddle.net/2VbmX/

Answer 2

必须删除指定的变量 :

delete div;

友情链接