English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery 基础教程

jQuery 效果

jQuery 操作方法

jQuery 遍历

jQuery Ajax

jQuery 杂项

Manuel de référence de jQuery

jQuery addClass() 方法

HTML de jQuery/Méthodes CSS

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

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

语法：

添加类别：

$(selector).addClass(className)

使用函数添加类：

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

实例

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

$("button").click(function(){
　　$("p:first").addClass("highlight");
});
Vérifiez et voyez‹/›

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

$("button").click(function(){
　　$("p:first").addClass("highlight big");
});
Vérifiez et voyez‹/›

使用函数添加类：

$("p").addClass(function(index, currentClass) {
　　let addedClass;
　　if(currentClass　===　"red")　{
　　　　addedClass　=　"green";
　　　　$(this).text("Il y a un paragraphe vert");
　　}
　　return　addedClass;
});
Vérifiez et voyez‹/›

Utilisez removeClass() pour supprimer un nom de classe et addClass() pour ajouter une nouvelle classe :

$("button").click(function(){
　　$("p").removeClass("red").addClass("green");
});
Vérifiez et voyez‹/›

Valeur des paramètres

ParamètresDescription
classNameSpécifier un ou plusieurs noms de classes séparés par des espaces à ajouter
function(index, currentClass)Fonction, qui retourne un ou plusieurs noms de classes séparés par des espaces pour les ajouter aux noms de classes existants

  • index-Retourner la position de l'élément dans l'ensemble

  • currentClass-Retourner le nom de la classe actuelle de l'élément sélectionné

HTML de jQuery/Méthodes CSS

Méthodes de parcours de jQueryHTML de jQuery/Méthodes CSS