removeClass メソッド
removeClass メソッドは、
指定された CSS クラスを
class 属性から
削除します。
1つまたは複数のクラスを同時に削除できます。
構文
1つの CSS クラス:
$(セレクタ).removeClass(CSSクラス名)
複数の CSS クラス:
$(セレクタ).removeClass('クラス1 クラス2 クラス3 ...')
セット内の各要素に関数を適用:
$(セレクタ).removeClass(function(セット内の番号, 要素の現在のCSSクラス))
例
段落には既に2つのクラスがあります。
www クラスを削除しましょう:
<p id="test" class="eee www">テキスト</p>
$('#test').removeClass('www');
HTML コードは次のようになります:
<p id="test" class="eee">テキスト</p>
例
段落には既にクラスがあります。 このクラスを削除しましょう:
<p id="test" class="www">テキスト</p>
$('#test').removeClass('www');
HTML コードは次のようになります:
<p id="test" class="">テキスト</p>
例
段落には既に 3 つのクラスがあります。
2つのクラス - www と
ggg を削除しましょう:
<p id="test" class="eee www ggg">テキスト</p>
$('#test').removeClass('www ggg');
HTML コードは次のようになります:
<p id="test" class="eee">テキスト</p>
関連項目
-
メソッド
addClass、toggleClass、hasClass -
JavaScript プロパティ
classlist、
これを使用して、純粋な JavaScript で要素の CSS クラスを追加・削除できます
