クリックしてクラスを追加/削除する、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クラスは削除されません。

要素が.hasClass（）かどうかを確認するための文が必要かどうかを確認します。

Answer 1

アクティブクラスが動的に追加されているので、あなたがデリゲートを使用する必要がある、

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

それとも、単にtoggleClassを（使用することができます）、

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

Answer 2

あなたは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>