jQuery属性操作 - addClass()メソッド

jQuery効果リファレンスマニュアル

例

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

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

自分で試してみる

定義と使用法

addClass()メソッドは選択された要素に1つまたは複数のクラスを追加します。

このメソッドは既存のclass属性を削除しません。ただし、1つまたは複数のclass属性を追加します。

ヒント：複数のクラスを追加する場合は、クラス名をスペースで区切って指定してください。

文法

$(selector).addClass(class)
引数 説明
class 必須。1つまたは複数のクラス名を指定します。

関数を使用してクラスを追加する

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

文法

$(selector).addClass(function(index,oldclass))

自分で試してみる

引数 説明
function(index,oldclass)

必須。追加するクラス名を返す関数を指定します。

  • index - オプション。選択子のindex位置。
  • class - オプション。選択子の古いクラス名。

さらに多くの例

要素に2つのクラスを追加する
選択された要素に2つのクラスを追加する方法
要素のクラスを変更する
addClass()とremoveClass()を使用してclassを削除し、新しいclassを追加するように。

jQuery効果リファレンスマニュアル