例
追加と削除を切り替える"main"すべてのクラス名を<p>の要素:
$("button").click(function(){
$("p").toggleClass("main");
});
»それを自分で試してみてください 定義と使用法
toggleClass()メソッドは、選択した要素から1つ以上のクラス名を追加および削除が切り替わります。
このメソッドは、指定されたクラス名の各要素をチェックします。 クラス名が見つからない場合に追加され、すでに設定されている場合は削除 - これはトグル効果を作成します。
しかし、「スイッチ」パラメータを使用して、あなただけの削除、またはクラス名のみを追加するように指定することができます。
構文
$(selector).toggleClass(classname,function(index,currentclass),switch)
パラメーター | 説明 |
---|---|
classname | 必須。 追加または削除するために、1つ以上のクラス名を指定します。 スペースでクラス名を区切り、複数のクラスを指定するには |
function(index,currentclass) | 任意。 /削除を追加するために、1つ以上のクラス名を返す関数を指定します。
|
スイッチ | 任意。 クラスのみ追加する必要がある場合に指定するブール値(true) 、またはのみ削除すること(false) |
それを自分で試してみてください - 例
クラス名の追加と削除を切り替えます
使い方toggleClass()クラス名の追加と削除を切り替えるための方法を。
関数を使用してトグルクラス
機能を使用すると、選択した要素のためにトグルされるべきクラス名を指定します。
スイッチパラメータを使用して、
クラス名のみを追加または削除するには、スイッチパラメータを使用する方法。