javascript - jQueryのtoggle()メソッドの最良の代替?

Question

jQuery の非推奨の toggle() メソッド。クラスを切り替えるのは簡単でした.stackoverflowを検索しているときに、同じタスクを達成するための他のさまざまなメソッドを見つけました(eventDataをサポートするjQueryの.toggle()メソッドの代替? )。このマークアップのクラスを切り替えるのに理想的な 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

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>

Answer 3

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

toggleClass()あなたが望む/必要なもののようです。

Answer 4

切り替える (有効にして削除する) クラスが 1 つしかない場合は、以下で問題なく動作するはずです。

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