javascript - jQuery toggle() 方法的最佳替代方案？

Question

jQuery 弃用了 toggle() 方法。这是一种轻松切换类的方法，在搜索 stackoverflow 时，我发现了各种其他方法来完成相同的任务（替代 jQuery 的支持 eventData 的 .toggle() 方法？）。哪个 jQuery 片段应该是为这个标记切换类的理想选择？

谢谢

标记：

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

CSS：

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

score 11 · Accepted Answer

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

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

score 0 · Accepted Answer

0

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

于 2013-03-27T15:49:02.117 回答

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

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>

4 回答 4