jquery - 在使用 jQuery “toggle” 功能后查找元素的 css 发生了怎样的变化

Question

我toggle()在我的 Javascript 函数中使用来更改元素的 CSS 类。单击该元素时，将删除该类，再次单击该元素时，将再次添加该类。如何确定该toggle()函数是否正在从元素中添加或删除类，以便我可以基于此执行一些其他操作？

Answer 1

您可以使用 hasClass() 检查元素是否具有该类，如果为 true，则仅添加该类，如果为 false，则将其删除。

Answer 2

您可以使用 jQuery is 方法来确定元素是否满足适当的选择器（在本例中为类选择器）：

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