jQuery toggle（）方法的最佳選擇？

Question

jQuery不推薦使用toggle（）方法。這是方式易於切換班，在尋找計算器，我發現其他各種方法來完成相同的任務（Alternative to jQuery's .toggle() method that supports 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

如果你只有1級的切換（啓用和刪除它），下面應該很好地工作：用於切換視圖

$("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>