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 statns来检查元素.hasClass（）？

Answer 1

由于活动类是动态添加的，因此需要使用delegate，

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

或者你可以简单地使用toggleClass（），

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

Answer 2

你可以使用toggleClass（） - 干杯。

＆＃13;

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

＆＃13;

.is-active {
  color: red;
}

＆＃13;

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

＆＃13;

单击添加/删除类，Jquery

2 个答案: