Jquery removeClass（）如果存在

当我单击按钮时，此函数会将一个

旋转的

类添加到我的按钮中。按钮上有一个箭头，指向面板滑动的方向

当我再次单击按钮时，如何删除已旋转的类

$("#btnDiv").click(function (){
     $('#slidePanel').toggle( "slide",{direction: 'right'});
     $('#btnDiv').addClass('rotated');
});

也许是这样的

if('rotated'){
    removeClass('rotated')
}else{
    addClass('rotated')
}

---

您可以使用

.toggleClass（）

如果缺少，则添加它；如果存在，则删除它。还有

.is（）

来检查类似的内容：

if ($('#btnDiv').is('.rotated'))

或者更简单地说：

if ($('#btnDiv').hasClass('rotated'))

---

只需使用

.toggleClass（）

即可实现这一点。

试试这个

if($('#btnDiv').hasClass('rotated')){
   $('#btnDiv').removeClass('rotated')
}else{
  $('#btnDiv').addClass('rotated')
}

---

您可以通过单击简单地切换该类

$('.myclassname').on('click', function(){
    $('.myclass h2').toggleClass( 'first_class', 'second_class');
}); 

---

…如果您需要检查是否设置了类：

hasClass（）

：太好了！多快的解决办法啊！干杯@Virus721不需要检查您是否只想添加类

.addClass（）

不会添加它两次。好吧，那么这个问题就没有理由了。@Virus721我很确定OP想要删除存在的类，如果缺少则添加该类。

if($('#btnDiv').hasClass('rotated')){
   $('#btnDiv').removeClass('rotated')
}else{
   $('#btnDiv').addClass('rotated')
}

$("#btnDiv").click(function (){
    $('#slidePanel').toggle( "slide",{direction: 'right'});
    if($('#btnDiv').hasClass('rotated')){
          $('#btnDiv').removeClass('rotated');
    }
    else{
         $('#btnDiv').addClass('rotated');
    }
  });

$('.myclassname').on('click', function(){
    $('.myclass h2').toggleClass( 'first_class', 'second_class');
});