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');
    }
});