如何在jquery中切换颜色属性?

如何在jquery中切换颜色属性?,jquery,css,Jquery,Css,我试图在每次单击按钮时切换按钮的颜色。最初我可以更改颜色,但无法将其更改回原来的颜色 $("#greenCirc").click(function(){ if($("#greenCirc").css("background-color", "green")){ $("#greenCirc").css("background-color", "y

我试图在每次单击按钮时切换按钮的颜色。最初我可以更改颜色,但无法将其更改回原来的颜色

$("#greenCirc").click(function(){
    if($("#greenCirc").css("background-color", "green")){
        $("#greenCirc").css("background-color", "yellow");
    }   
    else{
        $("#greenCirc").css("background-color", "green");
    };
});
使用.cssbackground color(带一个参数)检索当前颜色值。但是,请注意,这将为您提供一个RGB字符串,如rgb0、128、0,而不是绿色。与之相比:

$greenCirc.clickfunction{ 如果$greenCirc.cssbackground-color==rgb0,128,0{ $greenCirc.cssbackground-color,黄色; }否则{ $greenCirc.cssbackground-color,绿色; }; };
单击使用jQuery toggleClass可以更轻松地完成此操作

$button.clickfunction{ $this.toggleClass已切换; }; 钮扣{ 背景:绿色; } 按钮。切换{ 背景:黄色 } 按钮