是的，绝对使用$this.

每次使用$(this)时都必须构造一个新的 jQuery 对象，同时$this保留相同的对象以供重用。

一个性能测试表明，$(this)是显著慢$this。但是，由于两者都每秒执行数百万次操作，因此不太可能产生任何实际影响，但无论如何重用 jQuery 对象是更好的做法。真正影响性能的地方是当一个选择器而不是一个 DOM 对象被重复传递给 jQuery 构造函数时 - 例如$('p').

至于使用var，再次总是使用var来声明新的变量。通过这样做，变量将只能在声明它的函数中访问，并且不会与其他函数冲突。

更好的是，jQuery 旨在与链接一起使用，因此请尽可能利用这一点。而不是声明一个变量并多次调用它的函数：

var $this = $(this);
$this.addClass('aClass');
$this.text('Hello');

...将函数链接在一起，以使用不必要的附加变量：

$(this).addClass('aClass').text('Hello');

转到带有 jQ​​uery 的页面并在您的控制台中运行它。我知道这很糟糕，但你可以看到 $this 每次都赢了。

var time = new Date().getTime();
$('div').each(function() {
  $(this).addClass('hello');
  $(this).removeClass('hello');
  $(this).addClass('hello');
  $(this).removeClass('hello');
  $(this).addClass('hello');
  $(this).removeClass('hello');
  $(this).addClass('hello');
  $(this).removeClass('hello');
  $(this).addClass('hello');
  $(this).removeClass('hello');
  $(this).addClass('hello');
  $(this).removeClass('hello');
  $(this).addClass('hello');
  $(this).removeClass('hello');
});
var now = new Date().getTime();
console.log(now- time);

var var_time = new Date().getTime();
$('div').each(function() {
  var $this = $(this);
  $this.addClass('hello');
  $this.removeClass('hello');
  $this.addClass('hello');
  $this.removeClass('hello');
  $this.addClass('hello');
  $this.removeClass('hello');
  $this.addClass('hello');
  $this.removeClass('hello');
  $this.addClass('hello');
  $this.removeClass('hello');
  $this.addClass('hello');
  $this.removeClass('hello');
  $this.addClass('hello');
  $this.removeClass('hello');
});
var var_now = new Date().getTime();
console.log(var_now - var_time);

是的，如果您多次引用 $(this)，您应该将其存储在一个变量中。$this 只是一个约定，让其他人知道 $this 代表一个 jquery 对象。

如果您的 jquery 对象是使用复杂选择器创建的，这一点就更加重要。

此外，在您的伪代码示例中，您通常可以使用 $(this) 上的链接。

例子：

$(this).addClass("someclass").css({"color": "red"});

@Box9 完全正确。我无法告诉你我有多少次重构 jQuery b/c 人们不使用缓存。

我还要补充一点，结合缓存，人们需要学习做到这一点：

var $element = $("#elementId"),
    elementLength = $element.length,
    elementText = $element.text(),
    someString = "someValue",
    someInt = 0,
    someObj = null;

而不是这个：

var $element = $("#elementId");
var elementLength = $element.length;
var elementText = $element.text();
var someString = "someValue";
var someInt = 0;
var someObj = null;