jQuery 基础教程

jQuery 效果

jQuery 操作方法

jQuery 遍历

jQuery Ajax

jQuery 杂项

Manual do jQuery

Método de Navegação do jQuery jQuery HTML/Método CSS

jQuery addClass() 方法

jQuery HTML/Método CSS

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

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

语法：

添加类别：

$(selector).addClass(className)

使用函数添加类：

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

实例

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

Exemplo

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

Teste e veja‹/›

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

Exemplo

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

Teste e veja‹/›

使用函数添加类：

Exemplo

$("p").addClass(function(index, currentClass) {
　　let addedClass;
　　if(currentClass　===　"red")　{
　　　　addedClass　=　"green";
　　　　$(this).text("Há um parágrafo verde");
　　}
　　return　addedClass;
});

Teste e veja‹/›

Use removeClass() para excluir um nome de classe e addClass() para adicionar uma nova classe:

Exemplo

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

Teste e veja‹/›

Valor do Parâmetro

Parâmetro	Descrição
className	Especificar um ou mais nomes de classes separados por espaço para adicionar
function(index, currentClass)	Função, que retorna um ou mais nomes de classes separados por espaço, para adicioná-los aos nomes de classes existentes index-Retornar a posição do elemento na coleção currentClass-Retornar o nome da classe atual do elemento selecionado

jQuery HTML/Método CSS

Método de Navegação do jQuery jQuery HTML/Método CSS