English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
addClass()方法将一个或多个类名称添加到所选元素。
此方法不会删除现有的类属性，而只会向该类属性添加一个或多个类名称。
添加类别：
$(selector).addClass(className)
使用函数添加类：
$(selector).addClass(function(index, currentClass))
在第一个<p>元素中添加一个类名：
$("button").click(function(){
$("p:first").addClass("highlight");
});Prueba y mira‹/›一次可以将多个类（用空格隔开）添加到所选元素，如下所示：
$("button").click(function(){
$("p:first").addClass("highlight big");
});Prueba y mira‹/›使用函数添加类：
$("p").addClass(function(index, currentClass) {
let addedClass;
if(currentClass === "red") {
addedClass = "green";
$(this).text("Hay un párrafo verde");
}
return addedClass;
});Prueba y mira‹/›Usar removeClass() para eliminar un nombre de clase y addClass() para agregar una nueva clase:
$("button").click(function(){
$("p").removeClass("red").addClass("green");
});Prueba y mira‹/›| Parámetros | Descripción |
|---|---|
| className | Especifica uno o varios nombres de clase separados por espacio para agregar |
| function(index, currentClass) | Función, que devuelve un o varios nombres de clase separados por espacio para agregar a los nombres de clase existentes
|