javascript - 分离一个div并附加它会增加内存吗？

Question

我想知道在加载时分离一个 div 并在单击时附加同一个 div 是否会增加内存？当您分离一个 div(填充有图像)时，div 和图像信息是否保存在内存中？

例如:

<div class="divContain-one">
 <img src="test.png">
</div>

<div class="divContain-two"></div>

 var divContainingImage = $("#divContain-one").detach();

$("button").click(function(){
      $("#divContain-two").append(divContainingImage);
});

Answer 1

它不应该显着增加内存使用量。该变量仅包含对保存 DOM 元素的同一内存的引用，以及任何相关的 jQuery 数据，在它被分离之前。所发生的只是 DOM 本身不再引用该内存。

当你附加它时，你也不会增加内存。它只是将对同一对象的引用添加到 DOM 中的新位置，它不会创建副本。

信息必须保存在内存中——否则它怎么知道在追加时要向 DOM 添加什么？

一个警告:调用 $("#divContainingImage") 的行为创建了一个环绕 DOM 元素的 jQuery 对象，变量包含对该对象的引用，而不仅仅是 DOM 元素.这确实会增加内存使用量，与 .detach() 的作用无关。