jQuery removeClass() メソッド

jQueryのHTML/CSSメソッド

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

クラス名がパラメータとして含まれている場合、そのクラスのみが削除されます。

クラス名がパラメータに指定されていない場合、すべてのクラスが削除されます。

構文：

すべてのクラスを削除

$.removeClass()

指定されたクラスを削除

$.removeClass(className)

関数を使用してクラスを削除

$.removeClass(function(index,　currentClass))

例

すべての<p>要素からクラス名「highlight」を削除します：

$("button").click(function(){
　　$("p").removeClass("highlight");
});

一括り選択された要素群から、空格区切りで一つ以上のクラスを削除することができます。以下のようになります：

$("button").click(function(){
　　$("p").removeClass("highlight　big");
});

パラメータにクラス名が指定されていない場合、すべてのクラスを削除します：

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

removeClass(クラス名を削除し、addClass()で新しいクラス名を追加する：

$("button").click(function(){
　　$("p").removeClass("red").addClass("green");
});

パラメータの値

jQueryのHTML/CSSメソッド