调用js函数来改变css颜色

Question

我想用功能点击改变颜色，但是有一个问题，当我点击劣势时必须是红色，当我点击平均值必须是黄色时，当我点击优势时必须是绿色...也是当我点击其他一件事必须失去焦点 - 背景颜色...如何用功能

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

http://jsfiddle.net/EC44Z/15/

Answer 1

您没有将点击处理程序附加到HTML元素

例如，如果您希望名为disabled的链接更改背景颜色：

假设您有兴趣更改以下背景颜色：

<a href="javascript:void(0)" id="price_quality_dis" class="ca_button" onClick="colored();">Disadvantage</a>

您需要提供点击处理程序，如下所示：

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

此外，您应该使用class属性来装饰您的标签，以便在点击时将具有相同背景颜色的链接组合在一起

一个例子是：http://jsfiddle.net/XUXwJ/

Answer 2

首先，我建议使用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等功能来更改当前为该按钮设置的类别。