javascript - 调用js函数改变css颜色

Question

我想用函数点击改变颜色，但是有一个问题，当我点击劣势时必须是红色，当我点击平均时必须是黄色，当我点击优势时必须是绿色......还有当我点击了其他必须失去焦点的东西 - 背景颜色......如何使用功能做到这一点

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

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

Answer 1

首先，我建议为此类功能使用 CSS 样式。所以你的颜色应该定义为类，例如:

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

然后您应该为您的点击事件实现某种事件处理程序。在提供的 jsfiddle 中，我根本看不到您的函数将在哪里被调用。你可能想要这样的东西:

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

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