How to convert code from pure JS to jQuery?

Question

I do an animation button with CSS3 that will change the burger to the cross when clicking. How to convert code from pure JS to 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");
    });
}

Why do you want something like that? Does your code have errors that you are insisting on using jQuery? Your code looks clean as it is. — Jasper Seinhorst
– Jasper Seinhorst, Commented Dec 1, 2017 at 13:09
I think $(".cmn-toggle-switch").onClick(() => { $(this).toggleClass("active") }); this will do — Aswin Ramesh
– Aswin Ramesh, Commented Dec 1, 2017 at 13:12
@AswinRamesh that won't work for several reasons ... there is no onClick in jQuery and no this in arrow functions — charlietfl
– charlietfl, Commented Dec 1, 2017 at 13:25
Oh I forgot... @charlietfl it should be like $(".cmn-toggle-switch").click(function() { $(this).toggleClass("active"); }); right? — Aswin Ramesh
– Aswin Ramesh, Commented Dec 1, 2017 at 13:29

Adam Azad · Accepted Answer · 2017-12-01 13:10:14Z

4

There you go.

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

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

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

});

answered Dec 1, 2017 at 13:10

Adam Azad

11.3k5 gold badges31 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andrej Kopp Over a year ago

@AdamAzad i can not because of the level of reputation. I created an account a couple of days ago.

Collectives™ on Stack Overflow

How to convert code from pure JS to jQuery?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related