Attributes/API/jQuery
toggleClass(class)
指定したCSSクラスが要素に無ければ追加し、あれば削除する。
- class
- String指定または削除するCSSクラス名
引数
戻り値
jQuery
jQueryオブジェクト
サンプル
サンプル1
p要素をクリックする度に、'highlight'クラスを付けたり消したりする。
p { margin: 4px; font-size:16px; font-weight:bolder;
cursor:pointer; }
.blue { color:blue; }
.highlight { background:yellow; }
<p class="blue">Click to toggle</p> <p class="blue highlight">highlight</p> <p class="blue">on these</p> <p class="blue">paragraphs</p>
$("p").click(function () {
$(this).toggleClass("highlight");
});
[全コードを表示]
[実行結果を単体で表示]