javascript - 使用 jquery 在每次点击时交换 divs 颜色黑色和白色

Question

如果我点击一个按钮， 第一个 div 的颜色从白色变为黑色，第二个 div 的颜色从黑色变为白色，如果我单击该按钮，反之亦然。

Answer 1

您可以使用 toggleClass() 来实现这一点。

工作演示

$(document).ready(function(){
    $("input").click(function(){
        $('div').toggleClass('black , white')
    });
});

.square{
  width:100px;
  height:100px;
  border:1px solid red;
}
.black{
  background-color:black;
  
}
.white{
  background-color:white;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="square black"></div>
<div class="square white"></div>
<input type="button" value="Change">