jQuery addClass() メソッド

最初の <p> 要素にクラス名を追加する：

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

定義と用法

addClass() メソッドは、選択した要素に 1 つ以上のクラス名を追加します。

このメソッドは、既存の class 属性を削除しません。class 属性に 1 つ以上のクラス名を追加するだけです。

チップ: 1 つ以上のクラスを追加するには、スペースでクラス名を区切ります。

$(selector).addClass(classname,function(index,currentclass))

パラメータ	説明
classname	必須。追加する 1 つ以上のクラスを指定する
function(index,currentclass)	任意。追加する 1 つ以上のクラス名を返す関数を指定する index - セット内の要素のインデックス位置を返す currentclass - 選択した要素の現在のクラス名を返す

要素に 2 つのクラスを追加する
指定した要素へ2クラス名を追加する方法。

関数を使用してクラスを追加する
関数を使用して選択した要素にクラスを追加する方法。

要素のクラス名を変更する
1 つのクラス名を削除し、新しいクラス名を追加するために、addClass() と removeClass() を使用する方法。