最新のWeb開発のチュートリアル
 

jQuery addClass() Method

<jQueryのHTML / CSSのメソッド

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

$("button").click(function(){
    $("p:first").addClass("intro");
});
»それを自分で試してみてください

定義と使用法

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

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

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


構文

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

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

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

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

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

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


<jQueryのHTML / CSSのメソッド