jquery - jquery选择器或变量之间有性能差异吗

Question

最近我一直想知道一遍又一遍地重复选择器或仅使用 var 并将选择器存储在其中并仅引用它之间是否存在性能差异。

$('#Element').dothis();

$('#Element').dothat();

$('#Element').find('a').dothat();

或者只是

var Object = $('#Element');

Object.dothis();

Object.dothat();

$('a', Object).dothat();

我更喜欢第二种方式，因为它看起来更干净并且更易于维护。

Answer 1

当然存在性能差异，因为 sizzle 不必每次都执行，但是，也存在功能差异。如果 dom 在第一次和第三次调用之间发生更改，则缓存的 jQuery 对象仍将包含旧的元素集。如果您缓存一个集合然后在回调中使用它，通常会发生这种情况。