混淆了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().

$("#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();
}

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