jQuery ToggleClass - 删除2个类并添加1个类

Question

我想做点什么

HTML

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

的jQuery

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

但这只能使用$.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>