我用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");
    });
}

最佳答案

你去。

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

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

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

});

关于javascript - 如何将代码从纯JS转换为jQuery?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47594108/

10-11 05:32