在jquery中单击处理程序并更改css背景颜色

Question

我一直在尝试使用jQuery.它有一个我想知道的点击处理程序.

这有效:

$('div').click(function() {
    alert("Zing!");
});

这不是:

$('div').click(function() {
    this.css("background-color","blue");
});

我可以改变所选div的颜色.click()吗？这是一个小提琴http://jsfiddle.net/RyPgT/

jQuery API中的所有示例都在使用.on("click", function(){...});还有其他更好的方法吗？

Answer 1

只需将您的代码更改为:

$('div').click(function() {
    $(this).css("background-color","blue");
});

问题是,这this是一个标准的DOM元素,没有该css函数,这就是为什么你必须使用它的jQuery元素$(this).