jQuery 属性操作 - removeClass() メソッド

<p>のすべての"intro"クラスを削除します:

$("button").click(function(){
  $("p:first").removeClass("intro");
});

実際に試してみましょう

定義と使用法

removeClass() メソッドは選択された要素から1つまたは複数のクラスを削除します。

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

構文

$(selector).removeClass(class)
パラメータ 説明
class

オプション。削除するクラスの名前を指定します。

いくつかのクラスを削除する場合は、クラス名をスペースで区切って指定してください。

このパラメータを設定しない場合、すべてのクラスが削除されます。

クラスを削除するための関数を使用します。

選択された要素からクラスを削除するための関数を使用します。

$(selector).removeClass(function(index,oldclass))

実際に試してみましょう

パラメータ 説明
function(index,oldclass)

必須。指定されたクラスを削除するために関数を実行します。

  • index - オプション。選択子のインデックス位置を受け入れます。
  • html - オプション。選択子の古いクラス値を受け入れます。

さらに多くの例

要素のクラスを変更する
addClass() と removeClass() を使用してクラスを削除し、新しいクラスを追加する方法について説明します。