removeClass()（如果存在）

Question

当我单击按钮时，此函数会向我的按钮添加一个

rotated

 类。该按钮上有一个箭头，指向面板滑动的方向。 

再次单击按钮时如何删除旋转的班级？

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

也许是这样的？

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

Answer 1

您可以使用

.toggleClass()

$('#btnDiv').toggleClass('rotated'); 如果缺少则添加它，如果存在则删除它。还有

.is()

 来检查类似的事情：

if ($('#btnDiv').is('.rotated')) 或更简单地说：

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

Answer 2

试试这个

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

Answer 3

只需使用

.toggleClass()

 即可实现这一目标。

Answer 4

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

Answer 5

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

Answer 6

您可以通过单击简单地切换课程

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

Answer 7

如果添加或删除类的驱动程序基于某些 true/false，则可以传递布尔值作为第二个参数。

some.prototype.setSomeMode = function(enabled){
    $('#btnDiv').toggleClass('theclassToAddOrRemove', this.refreshingStopped); 
}