jQueryのToggleClass - 2クラスを削除し、追加1クラス

Question

私は

HTML

$('.box').removeClass('a b').addClass('c'); 

<div class="box a b"></div> 

jQueryのような何かをしたいだけ$.toggleClassを使用して、この可能です

？

Answer 1

あなたがクラスを切り替えるには、これを使用することができます。

$('.box').toggleClass('a b c') 

それはaとbを削除し、c

と作業の例を追加します。

$(function() { 
 
    $('.box2').toggleClass('a') 
 
    $('.box3').toggleClass('a b') 
 
    $('.box4').toggleClass('a b c') 
 
});

.a { 
 
    color: red; 
 
    } 
 
.b { 
 
    background: blue; 
 
    } 
 
.c { 
 
    color: blue; 
 
    background: red; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="box1 a b">asd</div> 
 
<div class="box2 a b">asd</div> 
 
<div class="box3 a b">asd</div> 
 
<div class="box4 a b">asd</div>