如何将代码从纯JS转换为jQuery?

时间:2017-12-01 13:07:07

标签: javascript jquery

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

1 个答案:

答案 0 :(得分:4)

你去。

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

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

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

});