点击jQuery中的div时切换类？

Question

基本上，我有一个div块，我希望在点击时替换它。

我的HTML：

<div class="lol">       
</div>

我的jQuery代码：

$('.lol').toggleClass('troll');

输出：

<div class="lol troll">
</div>

如何用troll完全替换类名lol？

Answer 1

使用.removeClass()方法

$('.lol').removeClass('lol').addClass('troll');

Answer 2

如果您只想将一个类替换为另一个类，则可以使用：

$(".lol").removeClass("lol").addClass("troll");

Answer 3

在removeClass“troll”之前addClass“lol”，或切换它们：

$('.lol').toggleClass('lol').toggleClass('troll');

Answer 4

您可以切换两个类

$('.lol').toggleClass('troll').toggleClass('lol'​);​

你可以像这样做更短的

$('.lol').toggleClass('troll lol');​

DEMO（警告框显示结果窗口中的内容）

Answer 5

如果您想要只用一个替换多个类名，您可以执行以下操作...

$(".lol").attr("class", "troll");

它只是重写了类名。