jquery - jQuery 是否对 "selectors"进行任何类型的缓存？

Question

例如，第一段代码是否会执行两次完整搜索，或者如果没有发生 DOM 更改，它是否足够智能地缓存结果？

if ($("#navbar .heading").text() > "") {
  $("#navbar .heading").hide();
}

和

var $heading = $("#navbar .heading");

if ($heading.text() > "") {
  $heading.hide();
}

如果选择器更复杂，我可以想象这是一个不平凡的打击。

Answer 1

始终缓存您的选择!

使用同一个选择器一遍又一遍地不断调用 $(选择器) 是一种浪费。

或者几乎总是...您通常应该在局部变量中保留 jQuery 对象的缓存副本，除非您预计它会发生更改或者您只需要它一次。

var element = $("#someid");

element.click( function() {

  // no need to re-select #someid since we cached it
  element.hide(); 
});