Latest web development tutorials

jQueryのaddClass（）メソッド

jQueryのHTML / CSSのメソッド jQueryのHTML / CSSのメソッド

例

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

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

»をお試しください

定義と使用法

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

この方法は、単にclass属性に1つ以上のクラス名を追加し、既存のクラスのプロパティを削除しません。

ヒント：スペースで区切られたクラス名を使用して、複数のクラスを追加します。

文法

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

参数 描述
classname 必需。规定一个或多个要添加的类名称。
function(index,currentclass) 可选。规定返回一个或多个待添加类名的函数。
  • index- 返回集合中元素的 index 位置。
  • currentclass- 返回被选元素的当前类名。

例

より多くの例

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

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

要素のクラス名を変更します
どのようにaddClass（）とremoveClass（）クラス名を削除して、新しいクラス名を追加します。

jQueryのHTML / CSSのメソッド jQueryのHTML / CSSのメソッド