メソッド addClass

メソッド addClass は、 指定した CSS クラスを要素に追加します。

構文

単一の CSS クラス：

javascript$(セレクター).addClass(CSSクラス名);

複数の CSS クラス（文字列で）：

javascript$(セレクター).addClass('クラス1 クラス2 クラス3 ...');

複数の CSS クラス（配列で）：

javascript$(セレクター).addClass(['クラス1', 'クラス2', 'クラス3', '...']);

セット内の各要素に関数を適用：

javascript$(セレクター).addClass(function(セット内のインデックス, 要素の現在のCSSクラス));

例

この段落にはクラスがまったくありません。クラス www を追加しましょう：

html<p id="test">テキスト</p>

javascript$('#test').addClass('www');

HTML コードは次のようになります：

html<p id="test" class="www">テキスト</p>

例

この段落にはすでにクラスがあります。さらにクラス www を追加しましょう：

html<p id="test" class="eee">テキスト</p>

javascript$('#test').addClass('www');

HTML コードは次のようになります：

html<p id="test" class="eee www">テキスト</p>

例

この段落にはすでに2つのクラスがあります。さらにクラス www を追加しましょう：

html<p id="test" class="eee ggg">テキスト</p>

javascript$('#test').addClass('www');

HTML コードは次のようになります：

html<p id="test" class="eee ggg www">テキスト</p>

例

この段落にはすでにクラスがあります。さらに2つのクラス - www と ggg を追加しましょう：

html<p id="test" class="eee">テキスト</p>

javascript$('#test').addClass('www ggg');

HTML コードは次のようになります：

html<p id="test" class="eee www ggg">テキスト</p>

関連項目