调用js函数更改css颜色

Question

我想用功能点击时改变颜色，但是有一个问题，我点击劣势时必须是红色，我点击平均时必须是黄色，我点击优势时必须是绿色……同时，当我点击一个东西时，另一个必须失去焦点-背景颜色...如何用函数实现这一点

function colored() {                
$(this).css('background-color','#C90');
}

http://jsfidle.net/ec44z/15/

Answer 1

首先，我建议使用CSS样式来实现这类功能。所以你的颜色应该被定义为类，例如：

.is-advantage { background-color: #ccc; }

然后，您应该为click事件实现某种类型的事件处理程序。在提供的jsfiddle中，我根本看不出您的函数将在哪里被调用。您可能想要以下内容：

// change the class each time the button is clicked
$('.button').click(function() {
  $(this).toggleClass('is-advantage');
});

您可以使用addClass、removeClass、toggleClass等函数更改当前为按钮设置的类。