使用 jQuery remove() 会导致内存泄漏

Question

我有一个 div，我经常在其中创建子 div，然后删除它们。插入函数看起来像这样。

var insert = function(container, content) {
    content = $(content);
    container.append(content);
    return content;
};

var newContent = insert($('#container'), '<div>new content</div>');

// later
newContent.remove();

容器是一个 jQuery 对象。 content 是一个类似于

new content> 的字符串。随后，该新内容将被删除。

div 已从 dom 中正确删除，但使用 chrome 的分析功能，我可以看到内存不断增长。该配置文件显示了一个字符串列表，其中数千个是我删除的内容。跟踪它，我发现jquery有一个名为fragments的属性。

$.fragments 是一个映射，其中键字符串是 html 片段（字面意思是

new content

是键字符串），值是 DocumentFragment 对象。

DocumentFragment 对象包含一个属性“native”，该属性包含“Detached DOM 树”类型的值。还有我的独立物体。

问题似乎是 jQuery 没有刷新这个 $.fragments 集合。我正在使用 jQuery 1.7.1。

我看到的一个可能的原因是地图的键是插入的 html，但是当我开始删除片段时，我已经更改了 newContent div 的属性。

一种可能的解决方案是保留一组未使用的新内容 div 并重新使用它们。我真的不想这样做，但这可能是合理的。

Answer 1

看起来 jQuery 确实使用 $.fragments 来加速 $("<...>") 。

我想使用 $("

").html(...) 不会使用缓存，但它在语义上显然是不同的。

您可以尝试偶尔自己刷新 $.fragments 并看看会发生什么。我有直觉，一切都会按预期进行，不会产生任何不良影响。

我不认为 jQuery 真的有办法跟踪片段缓存本身的使用情况，LRU 缓存或类似的东西可能会更慢，更不用说实现起来更麻烦了。