javascript - 单击更改背景颜色

Question

这是我的 Jquery 代码:

$("#test").click(function() {
      if($(this).css("background-color")=="#FFFFFF") 
         $(this).css("background-color","blue");
     else
         if($(this).css("background-color")=="blue")
              $(this).css("background-color","#FFFFFF");
    });

这是 HTML:

<div id="test">
    click me!
</div>

你能给我解释一下为什么它不起作用吗？？

非常感谢

http://jsfiddle.net/m73faf4g/

Answer 1

你也忘了在你的 fiddle 中加入 JQuery

Updated Fiddle

$(function(){
    $('#test').click(function() {
       if($(this).css('background-color') == 'rgb(255, 255, 255)')
          $(this).css('background-color', 'blue');
       else
          if($(this).css('background-color') == 'rgb(0, 0, 255)')
              $(this).css('background-color', '#FFFFFF');
    });
});

---

编辑

替代方式，如果你愿意的话:

.blue {
    background-color: blue !important;
}

$(function(){
    $('#test').click(function() {
        $(this).toggleClass('blue');
    });
});

Alternative Fiddle