jQuery 基础教程

jQuery 效果

jQuery 操作方法

jQuery 遍历

jQuery Ajax

jQuery 杂项

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

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

jQuery addClass() 方法

jQueryのHTML/CSSメソッド

addClass()方法将一个或多个类名称添加到所选元素。

此方法不会删除现有的类属性，而只会向该类属性添加一个或多个类名称。

语法：

添加类别：

$("selector").addClass(className)

使用函数添加类：

$("selector").addClass(function(index,　currentClass))

实例

在第一个<p>元素中添加一个类名：

サンプル

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

テストをしてみる‹/›

一次可以将多个类（用空格隔开）添加到所选元素，如下所示：

サンプル

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

テストをしてみる‹/›

使用函数添加类：

サンプル

$("p").addClass(function(index,　currentClass)　{
　　let　addedClass;
　　if(currentClass　===　"red")　{}}
　　　　addedClass　=　"green";
　　　　$(this).text("緑色の段落があります");
　　}
　　return　addedClass;
});

テストをしてみる‹/›

removeClass()を使用してクラス名を削除し、addClass()を使用して新しいクラス名を追加します：

サンプル

$("button").click(function(){
　　$("p").removeClass("red").addClass("green");
});

テストをしてみる‹/›

パラメータの値

パラメータ	説明
className	追加する一つまたは複数のクラス名を指定します
function(index, currentClass)	空白で区切られた一つまたは複数のクラス名を追加するための関数を返します index-要素が集合内でのインデックス位置を返します currentClass-現在の選択された要素のクラス名を返します

jQueryのHTML/CSSメソッド

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