混淆了jQuery对象和JavaScript变量的不同使用场景

我对这两个代码块之间的差异感到困惑：

$("#someButton").click(function() {
    var button = this;
    $(button).attr('disabled','disabled');
}

$("#someButton").click(function() {
    var button = $(this);
    $(button).attr('disabled','disabled');
}

注意按钮变量存储的区别.将$(this)存储到按钮变量而不仅仅是这个中有什么意义？最后,我仍然使用$(button).jQueryMethod()来操作它,而不是button.jQueryMethod().

解决方法

在您的示例中,差异并不重要,因为您只使用包装的JQuery对象一次.如果您需要多次使用JQuery对象,则此问题变得更加重要.

$("#someButton").click(function() {
    var button = this;
    $(button).attr('disabled','disabled');
    $(button).someJQueryMethod();
    ...
    $(button).someOtherJQueryMethod();
}

在这种情况下,最好将对象包装一次并缓存结果.将结果缓存在以$符号开头的变量中以表示它包含一个包装的JQuery对象是一种约定.

$("#someButton").click(function() {
    var $button = $(this);
    $button.attr('disabled','disabled');
    $button.someJQueryMethod();
    ...
    $button.someOtherJQueryMethod();
}

这样,对$()的调用仅被调用一次.如果引用在循环内,这变得特别相关.