在使用jQuery“toggle”函数后，查找元素的css如何更改

Question

我在Javascript函数中使用toggle()来更改元素的CSS类。单击该元素时，将删除该类，再次单击该类时，将再次添加该类。如何判断toggle()函数是否在元素中添加或删除类，以便我可以根据它执行其他操作？

Answer 1

您可以使用hasClass（）来检查该元素是否具有该类，如果为true，则只有在被删除时才添加它。

Answer 2

您可以使用jQuery is method来确定元素是否符合相应的选择器（在本例中为类选择器）：

if (element.is('.class'))...

Answer 3

这是原始示例

  $('#test').click(function() {
        $(this).toggleClass('red');
        $(this).toggleClass('blue');

        if($(this).hasClass('red')) {alert('red');}
        if($(this).hasClass('blue')) {alert('blue');}
    });