Osmar J. Silva

Java, C/C++, Python, C#, LISP, AutoLisp, AutoCAD e VBA

+55 (062) 98553-6711

José de Angelis

PHP, Python, C#, JavaScript, Laravel, Google Ads e SEO

+55 (062) 98243-1195

Você está aqui: jQuery ::: Dicas & Truques ::: Atributos ou Propriedades HTML

Como alternar a classe de um elemento HTML usando a função toggleClass() do jQuery

Quantidade de visualizações: 9159 vezes

O método toggleClass() do jQuery é um dos mais interessantes no framework. Este método permite aplicar um nome de classe a um elemento HTML se ele ainda não estiver definido e removê-lo se este já estiver definido para o elemento. Veja um trecho de código que altera a cor de fundo de um parágrafo a cada vez que ele é clicado.

Comece analisando o trecho de estilos CSS:

Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Quero Ser Apoiador(a)

Veja agora o elemento P que usaremos para ilustrar o efeito:

E finalmente o código JavaScript (na parte <head></head> da página):

E aqui a página HTML completa para o exemplo:

O método toggleClass() retorna um objeto jQuery para fins de encadeamento de chamadas de métodos.

Link para compartilhar na Internet ou com seus amigos:

Veja mais Dicas e truques de jQuery

Como definir o valor da propriedade class de um elemento HTML usando jQuery

Como definir o conteúdo de um elemento HTML usando o método text() do jQuery

Apostila jQuery - Como substituir uma classe por outra em um elemento HTML usando os métodos removeClass() e addClass() do jQuery

Como obter o valor da propriedade class CSS de um elemento HTML usando jQuery

Como adicionar conteúdo ao final de um elemento HTML usando a função append() do jQuery

Como obter valores dos atributos de um elemento HTML usando a função attr() do jQuery

Como selecionar todos os elementos HTML de uma determinada tag e executar alguma ação envolvendo todos eles

jQuery para iniciantes - Como obter valores de elementos de formulários HTML usando a função val() do jQuery

Quais os parâmetros que podem ser usados com o método ajax() da biblioteca jQuery

Obtendo propriedades style de elementos HTML

Dicas e truques de outras linguagens

Java - Java para iniciantes - Como inserir comentários em seus códigos Java

C++ - Como definir o tipo de instrumento (programa) em um evento MIDI e enviar a mensagem para a função midiOutShortMsg() da API Win32 do Windows

React - Como obter o texto digitado em uma caixa de texto em React usando useState()

TypeScript - Como calcular o coeficiente angular de uma reta em TypeScript dados dois pontos no plano cartesiano

Java - Como criar um programa de visualização de imagens em Java - Código fonte completo

C++ - Apostila C++ para iniciantes - Como usar o tipo de dados short ou short int da linguagem C++

C++ - Exercícios Resolvidos de C++ - Como retornar o primeiro elemento de um vetor em C++

C# - Exercícios Resolvidos de C# - Como retornar o código ASCII associado a um caractere em C# - Ler um caractere e retornar o código ASCII correspondente

C++ - Apostila C++ - Como retornar o tamanho de uma string em C++ usando a função length() da classe String

Java - Como transformar em letras maiúsculas as iniciais de cada palavra em uma string Java

E-Books em PDF

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - PDF com 1.200 páginas

Domine lógica de programação e a linguagem Python com o nosso E-Book 650 Dicas, Truques e Exercícios Exercícios de Python, para você estudar onde e quando quiser.

Este e-book contém dicas, truques e exercícios resolvidos abrangendo os tópicos: Python básico, matemática e estatística, banco de dados, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

E-Book 350 Exercícios Resolvidos de Java - PDF com 500 páginas

Domine lógica de programação e a linguagem Java com o nosso E-Book 350 Exercícios Exercícios de Java, para você estudar onde e quando quiser.

Este e-book contém exercícios resolvidos abrangendo os tópicos: Java básico, matemática e estatística, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby

Você está aqui: jQuery ::: Dicas & Truques ::: Atributos ou Propriedades HTML

Como alternar a classe de um elemento HTML usando a função toggleClass() do jQuery

Questões de Concurso para Engenharia Civil

Exercícios Resolvidos

Bancos de Dados

Questões de Concurso

Frameworks

Projetos e Códigos Fonte

Especializações

Calculadoras

Ferramentas

Todas as Linguagens, Frameworks, Biliotecas e Bancos de Dados

Compre pelo WhatsApp: +55 (062) 98553-6711

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - Com comentários em Português

PDF COM 1.200 PÁGINAS

Apenas R$ 32,90