jQuery – 点击时更改颜色

我正在看一些jQuery，因为我想创建一个div，当你点击它时会改变颜色。

我已经做到了：

$(function() { $('.star').click(function(){ $(this).css('background', 'yellow'); }); }); 

它完美无缺！ 但是当我再次单击它时，我希望它删除背景颜色。 这可能吗，你会怎么做那样的事情？

Answer 1

创建一个CSS类：

 .clicked { background-color: yellow; } 

然后只需通过jQuery 切换该类 ：

 $('.star').click(function(){ $(this).toggleClass('clicked'); }); 

Answer 2

您可以在单击函数中设置一个标志，然后添加一个if语句

 if hasBeenClicked = true; //...background color remove else //....background color changed to yellow hasBeenClicked = true; 

Answer 3

创建一个CSS类也是我的建议，但你也可以这样做“取消设置”黄色背景：

 $(this).css('background', 'inherit');