メソッド addClass
メソッド addClass は、
指定した CSS クラスを要素に追加します。
構文
単一の CSS クラス：
$(セレクター).addClass(CSSクラス名);
複数の CSS クラス（文字列で）：
$(セレクター).addClass('クラス1 クラス2 クラス3 ...');
複数の CSS クラス（配列で）：
$(セレクター).addClass(['クラス1', 'クラス2', 'クラス3', '...']);
セット内の各要素に関数を適用：
$(セレクター).addClass(function(セット内のインデックス, 要素の現在のCSSクラス));
例
この段落にはクラスがまったくありません。クラス
www を追加しましょう：
<p id="test">テキスト</p>
$('#test').addClass('www');
HTML コードは次のようになります：
<p id="test" class="www">テキスト</p>
例
この段落にはすでにクラスがあります。さらにクラス
www を追加しましょう：
<p id="test" class="eee">テキスト</p>
$('#test').addClass('www');
HTML コードは次のようになります：
<p id="test" class="eee www">テキスト</p>
例
この段落にはすでに2つのクラスがあります。さらにクラス
www を追加しましょう：
<p id="test" class="eee ggg">テキスト</p>
$('#test').addClass('www');
HTML コードは次のようになります：
<p id="test" class="eee ggg www">テキスト</p>
例
この段落にはすでにクラスがあります。さらに2つのクラス -
www と ggg を追加しましょう：
<p id="test" class="eee">テキスト</p>
$('#test').addClass('www ggg');
HTML コードは次のようになります：
<p id="test" class="eee www ggg">テキスト</p>
関連項目
-
メソッド
removeClass、toggleClass、hasClass -
JavaScript プロパティ
classlist、
これを使用すると、プレーンな JavaScript で要素の CSS クラスを追加または削除できます。
