jQuery - 点击更改颜色

Question

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

而且我已经做到了:

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

  });
});

而且效果很好!但是当我再次单击它时,我希望它删除背景颜色.这可能吗,你会怎么做那样的事情？

Answer 1

创建一个CSS类:

.clicked {
  background-color: yellow;
}

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

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