jquery - 在jquery中确定$(this)

Question

我遇到的一个常见问题是混淆 $(this) 指的是什么。

我经常尝试给它一些奇怪的风格:

$(this).css("border","10px solid red")

有时这会有所帮助。

但是，我对以下内容感到困惑。我的问题也许可以通过两种方式回答:

1) 是否有一种通用方法可以“查看” $(this) 在任何给定情况下所指的内容？也许与 Firebug 结合？

2) 更具体地说，您知道在下面的示例中 $(this) 应该指代什么吗？我认为它应该是 btnSave 类的输入，但似乎不是:

$(ajaxContainer).find("input.btnSave").click(function(){
    savePanel();
});

function savePanel() {
    $(this).css("border","10px solid red");
};

Answer 1

1) 使用 Firebug 中的控制台:

var obj = $(this);
console.log(obj);

2) savePanel() 的上下文不正确，无法使用 $(this)。您可以尝试:

$(ajaxContainer).find("input.btnSave").click(function(){
    $(this).css("border", "10px solid red");
});