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

Question

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

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

score 0 · Accepted Answer

您没有将点击处理程序附加到您的 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 属性来装饰您的 a 标签，以将单击时应具有相同背景颜色的链接组合在一起

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

score 0 · Accepted Answer

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

2 回答 2