jQuery-单击添加和删除类

Question

$('.toggle-button').on('click', function() {
    $('body').addClass('changeCursor');
  });

  $('.toggle-button.toggle-active').on('click', function() {
    $('body').removeClass('changeCursor');
  });

Hey guys I need to add class on body and should remove when again click on it. I have attached my code above. But it's not working please go through for more clarity. Thanks :)

Answer 1

You can use toggleClass()

Example:

$('.toggle-button').on('click', function() {
    $('body').toggleClass('changeCursor');
});

Docs: http://api.jquery.com/toggle/

Answer 2

Check if your body has the class, if not add it, else remove it.

$('.toggle-button').on('click', function() {
    if($('body').hasClass('changeCursor')) {
        $('body').removeClass('changeCursor');
    } else {
        $('body').addClass('changeCursor');
    }
});