jQuery toggle（）方法的最佳替代方案？

Question

jQuery不推荐使用toggle（）方法。 这是易于切换类的方法，在搜索stackoverflow时，我发现了各种其他方法来完成相同的任务（ 替代jQuery的.toggle（）方法，它支持eventData？ ）。 哪个jQuery代码段应该是切换此标记的类的理想选择？

谢谢

标记：

<a href="#">Toggle Class</a>
<div class="a"></div>

CSS：

.a{
background: #f2f2f2;
}
.b{
background: #ededed;
}

Answer 1

在这种情况下，只需使用.toggleClass() 。

$("a").click(function(){
    $("div").toggleClass("a b");
});

Answer 2

http://api.jquery.com/toggleClass/

toggleClass()似乎是你想要/需要的。

Answer 3

如果你只有一个类来切换（启用和删除它），下面应该可以正常工作：

$("a").click(function(){
        $(this).toggleClass('class1', '');
});

Answer 4

toggle()函数用于切换视图。 哪个有性能问题。（建议不要使用）

toggleClass()用于切换类。

情况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>