jQuery addClass()メソッド

❮jQueryHTML/ CSSメソッド

最初の<p>要素にクラス名を追加します。

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

定義と使用法

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

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

ヒント:複数のクラスを追加するには、クラス名をスペースで区切ります。


構文

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

Parameter Description
classname Required. Specifies one or more class names to be added
function(index,currentclass) Optional. Specifies a function that returns one or more class names to be added
  • index - Returns the index position of the element in the set
  • currentclass - Returns the current class name of the selected element

自分で試してみてください-例


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


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


するaddClass()とremoveClass()を使用して1つのクラス名を削除し、新しいクラス名を追加する方法。


❮jQueryHTML/ CSSメソッド