如何将代码从纯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");

});