调用js函数改变css的颜色

Call js function to change css color

本文关键字：颜色 css 改变 js 函数 调用      更新时间：2023-09-26

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

完成此操作
function colored() {                
$(this).css('background-color','#C90');
}
http://jsfiddle.net/EC44Z/15/

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

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

你应该为你的click事件实现某种事件处理程序。在提供的示例中，我根本看不到调用函数的位置。您可能需要这样的内容:

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

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

您没有将点击处理程序附加到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/

相关文章：