如何將代碼從純JS轉換為jQuery？

Question

我用CSS3做一個動畫按鈕，單擊該按鈕將使漢堡變成十字形。 如何將代碼從純JS轉換為jQuery？

var toggles = document.querySelectorAll(".cmn-toggle-switch");

for (var i = toggles.length - 1; i >= 0; i--) {
    var toggle = toggles[i];
    toggleHandler(toggle);
};

function toggleHandler(toggle) {
    toggle.addEventListener( "click", function(e) {
        e.preventDefault();
        (this.classList.contains("active") === true) ? this.classList.remove("active") : this.classList.add("active");
    });
}

Answer 1

妳去

var toggles = $('.cmn-toggle-switch');

toggles.on('click', function(e){

      e.preventDefault();
      $(this).toggleClass("active");

});