如何在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已切换; }; 钮扣{ 背景:绿色; } 按钮。切换{ 背景:黄色 } 按钮