jQuery removeClass() メソッド

❮ jQuery HTML/CSS メソッド

全 <p> 要素からクラス名 "intro" を削除する:R

$("button").click(function(){
    $("p").removeClass("intro");
});
Try it Yourself »

定義と用法

removeClass() メソッドは、選択した要素から1つ以上のクラス名を削除します。

注: パラメータを指定しない場合、このメソッドは選択した要素から全てのクラス名を削除します。


構文

$(selector).removeClass(classname,function(index,currentclass))

パラメータ 説明
classname 任意。削除する1つ以上のクラス名を指定する。複数のクラス名を削除するには、クラス名をスペース区切りにする。

注: このパラメータが空の場合、全てのクラス名が削除されます。
function(index,currentclass) 任意。削除する1つ以上のクラス名を返す関数を指定する
  • index - セット内の要素のインデックス位置を返す
  • currentclass - 選択した要素の現在のクラス名を返す

Try it Yourself - 例

要素のクラス名を変更する
クラス名を削除し、新しいクラス名を追加するため、addClass() と removeClass() の使用方法。

関数を使用してクラスを削除する
選択した要素からクラス名を削除するのに関数を使用します。

複数のクラス名を削除する
選択した要素から複数のクラス名を削除する方法。


❮ jQuery HTML/CSS メソッド