更改切换按钮的背景颜色

Question

我有一个按钮，我想在单击时将其背景颜色更改为白色，然后当我再次单击时它返回到原始背景颜色，我该怎么做？这是我的代码：

 $(document).ready(function () {
            $("button").click(function () {
    $(this).css("background-color", "#FFF");
                    });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Hello</button>

Answer 1

background-color最简单的方法是使用 CSS 类进行设置，然后toggleClass()调用单击事件处理程序，如下所示：

$("button").click(function() {
  $(this).toggleClass('foo');
});

button { 
  background-color: #000; 
  color: #FFF;
}
button.foo { 
  background-color: #FFF; 
  color: #000;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Hello</button>