jQuery-单击添加和删除类

Question

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

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

伙计们，我需要在身体上添加课，并且在再次单击它时应将其删除。我已经在上面附加了我的代码。但这不起作用，请仔细阅读。谢谢：）

Answer 1

您可以使用 toggleClass()

示例：

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

文档：http://api.jquery.com/toggle/

Answer 2

检查您的身体是否有该课程，如果没有，请删除它。

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