Question

$(document).ready(function() {
    $('.tests').click(function() {
        $(this).css('background-color', '#FFBF38');
    });
});

这段代码工作正常，但当我点击其他按钮（.test）时，我想回到以前的颜色。怎么做？谢谢！

Answer 1

$(document).ready(function() {
    $('.tests').click(function() {
        $(".tests").css('background-color', "YOUR PREVIOUS COLOR");
        $(this).css('background-color', '#FFBF38');
    });
});

Answer 2

试试这个，

＆＃13;

 $('.tests').click(function() {
       $('.tests').css('background-color', 'your_old_color'); 
       $(this).css('background-color', '#FFBF38');
});

＆＃13;

Answer 3

var startColor = "yourStartColor";

$(document).ready(function()
{
  $('.tests').click(function()
   {
   if($(this).css('background-color') == "#FFBF38")
      $(this).css('background-color', startColor);
   else
      $(this).css('background-color', "#FFBF38");
  });
});

Answer 4

您需要使用toggleClass("");
HTML

<div class="place"></div>

CSS

.place { 
    width: 50px; 
    height: 50px; 
    background-color: #336699; 
}
.green{
    background-color: black;
}

脚本

$(".place").click(function () {
   $(this).toggleClass("green");
});

<强> Demo

javascript单击（功能）更改颜色按钮

4 个答案: