的jQuery的onclick切换类名

Question

使用jQuery，我怎么切换到CLASSA上CLASSB点击从去：

<a class="switch" href="#">Switch</a> 
<div class="classA"></div> 


$('.switch').on('click', function(e){ 
    $('.classA').removeClass('classA').addClass('classB'); 
    e.preventDefault(); 
}; 

如何切换类，而不是只替换它像我在这里做什么？

Answer 1

jQuery有一个toggleClass功能：

<button class="switch">Click me</button> 

<div class="text-block collapsed pressed">some text</div> 

<script>  
    $('.switch').on('click', function(e) { 
     $('.text-block').toggleClass("collapsed pressed"); //you can list several class names 
     e.preventDefault(); 
    }); 
</script> 

Answer 2

you can usetoggleClass()切换类是非常方便。

情况下：1

<div id='mydiv' class="class1"></div> 

$('#mydiv').toggleClass('class1 class2'); 

output: <div id='mydiv' class="class2"></div> 

情况下：2

<div id='mydiv' class="class2"></div> 

$('#mydiv').toggleClass('class1 class2'); 

output: <div id='mydiv' class="class1"></div> 

情况下：3

<div id='mydiv' class="class1 class2 class3"></div> 

$('#mydiv').toggleClass('class1 class2'); 

output: <div id='mydiv' class="class3"></div>