javascript - 为什么要创建 jQuery 对象变量？

Question

我看到很多 jQuery 示例都执行类似的操作

var $element = $('#element');
$element.foo...

而不仅仅是打字

$('#element').foo...

我确实意识到，如果您使用的是 $元素 很多，但是那些时候呢？ $元素 只被调用一次或两次？为什么一些开发人员在这些实例中将其声明为 jQuery 对象变量？浏览器的处理效率是否也更高？

Answer 1

通常这样做是为了避免重新包装元素或重新查询页面的选择器。

例如在点击事件中

$('.className').click(function(){
 var $this = $(this);
 callSomeHelper($this);
 $this.hide();
 if( $this.data("placement") == "somePlacement" ){
  //some logic
 }
});

真正的保护者是当它引用一组元素时。

var $allSides = $('.side');

现在回到点击事件，您可以引用它而无需重新查询

$('.top').click(function(){
   var door = $allSides.find(':visible');
});

显然还有更深入的例子，但这两种是变量存储的主要情况。