jQuery是否在内部缓存元素？

Question

我知道jQuery不会缓存元素的集合，f.ex调用：

$('.myclass').html('hello');
$('.myclass').html('bye');

将使jQuery两次爬上DOM。

但缓存的DOM节点怎么样？

var elems = document.querySelectorAll('.myclass');

$(elems).html('hello');
$(elems).html('bye');

jQuery会在内部缓存这些内容，还是会像第一个示例一样缓慢？

澄清：jQuery会在内部保留对elems的引用并缓存$(elems)，这样每次都不必应用相同的$()包装器？

类似的东西：

cache = {}
constructor = function(collection)
    if collection in cache
        return cache[collection]
    else construct(collection)

Answer 1

假设我已正确理解你的问题，那么不，jQuery不会在使用它们的语句之外保留对所选节点的引用：

$('.myclass').html('hello'); //Select all .myclass elements, then change their HTML
$('.myclass').html('bye'); //Select all .myclass elements, then change their HTML again

如果单独维护对这些选定节点的引用，则会更快：

var elems = document.querySelectorAll('.myclass'); //Select all .myclass elements
$(elems).html('hello'); //Change their HTML (no need to select them)
$(elems).html('bye'); //Change their HTML (no need to select them)

差异不会很大（除非你的DOM非常复杂），但会有be a difference：

---

<强>更新

  

将jQuery保持对elems的引用并在内部缓存$（elems）   它不必每次都应用相同的$（）包装器吗？

不，它不会。如上所述，对匹配的元素集的引用将不会超出其适用的语句。您可以通过保留对整个jQuery对象的引用来提高代码的性能，而不是每次都再次选择它们，甚至每次都在jQuery对象中包装一组存储的本机DOM节点。

Answer 2

如果“cache”意味着“将 jQuery对象的内容集合中的DOM元素保留在那里”，那么是。

想象

jq = $(elementListOrSelector)

其中jq[0..jq.length-1]计算分别为DOM元素。例如，jq[0]计算jQuery对象表示的第一个DOM元素（如果有）。请注意，这个集合在构建之后没有神奇地改变（并且它的构建方式无关紧要）。

但是，除了保留特定 jQuery对象的直接结果之外，没有“缓存”。