toggleClass()

toggleClass()はclass属性の取り外しを制御するメソッドです。

次のようなHTMLがあったとします。

<div id="mydiv" class="foo"></div>

toggleClass()を適応することで指定したclass属性を追加できます。

$("#mydiv").toggleClass("bar");

<div id="mydiv" class="foo bar"></div>

さらに、toggleClass()を適応すると指定したclass属性を削除できます。

$("#mydiv").toggleClass("bar");

<div id="mydiv" class="foo"></div>

このように、すでにある属性は取り除き、属性が存在しない場合は追加されます。

登録日 : 2012年11月07日最終更新日 : 2012年11月7日

jQuery リファレンス