Latest web development tutorials

jQueryのtoggleClass()メソッド

jQueryのHTML / CSSのメソッド jQueryのHTML / CSSのメソッド

「メイン」クラススイッチ内のすべての<P>要素を追加および削除するには:

$("button").click(function(){
$("p").toggleClass("main");
});

»をお試しください

定義と使用法

toggleClass()メソッドは、追加し、1つまたは複数のクラスを切り替えるには、選択した要素を削除します。

このメソッドは、指定されたクラスの各要素をチェックします。 クラスが存在しない場合、あなたが設定している場合、それを削除し、追加します。 これは、効果を切り替えると呼ばれています。

しかし、「スイッチ」パラメータを使用して、あなただけの条項のみクラスを追加または削除することができます。


文法

$(selector).toggleClass(classname,function(index,currentclass),switch)

参数 描述
classname 必需。规定添加或移除的一个或多个类名。如需规定若干个类,请使用空格分隔类名。
function(index,currentclass) 可选。规定返回需要添加/删除的一个或多个类名的函数。
  • index- 返回集合中元素的 index 位置。
  • currentclass- 返回被选元素的当前类名。
switch 可选。布尔值,规定是否仅仅添加(true)或移除(false)类。


例

より多くの例

スイッチにクラスを追加および削除
クラスの追加と削除を切り替える方法toggleClass()メソッド。

クラスを切り替える機能を使用して、
関数を使用するクラス名を切り替えるために必要な現在の要素の規定に。

パラメータスイッチを使用します
クラス名のみを追加または削除するには、スイッチパラメータを使用する方法。


jQueryのHTML / CSSのメソッド jQueryのHTML / CSSのメソッド