单击添加/删除类，Jquery

Question

添加和删​​除类的最佳方法是什么，来回单击按钮？

    $('button.hamburger').on('click', function(){
      $(this).addClass('is-active');
    });

    $('button.is-active').on('click', function(){
      $('button.is-active').removeClass('is-active');
    });

它不会删除 .is-active 类。

我是否需要 if 语句来检查元素是否为 .hasClass()？

Answer 1

您可以使用 toggleClass() - 干杯。

$("button.hamburger").click(function(){
  $(this).toggleClass("is-active");
});

.is-active {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="hamburger">Click me...</button>