.removeClass ()

Se um nome de classe for incluído como um parâmetro, então apenas essa classe será removida do conjunto de elementos correspondentes. Se não forem especificadas classes no parâmetro, todas as classes serão removidas.

Before jQuery version 1.12 / 2.2, the .removeClass() method manipulated theclassName property of the selected elements, not theclass attribute. Uma vez que a propriedade foi alterada, foi o navegador que atualizou o atributo em conformidade. Isto significa que quando o atributo class foi atualizado e o último nome da classe foi removido, o navegador pode ter configurado o valor do atributo para uma string vazia em vez de remover o atributo completamente. Uma implicação deste comportamento foi que este método só funcionava para documentos com semântica DOM HTML (por exemplo, não documentos XML puros).

A partir de jquery 1.12 / 2.2, este comportamento é alterado para melhorar o suporte para documentos XML, incluindo SVG. A partir desta versão, é utilizado o atributo class. Assim, .removeClass() pode ser usado em documentos XML ou SVG.

Mais de uma classe podem ser removidas de cada vez, separados por um espaço, a partir do conjunto de correspondência de elementos, como:

1
$( "p" ).removeClass( "myClass yourClass" )

Este método é muitas vezes usado com .addClass() para alternar elementos’ classes de um para outro, assim como:

1
$( "p" ).removeClass( "myClass noClass" ).addClass( "yourClass" );

Aqui myClass e noClass as aulas são removidos de todos os parágrafos, enquanto yourClass é adicionado.

para substituir todas as classes existentes por outra classe, podemos usar .attr( "class", "newClass" ) em vez disso.

A partir de jQuery 1.4, o método .removeClass() permite-nos indicar a classe a ser removida passando por uma função.

1
2
3
$( "li" ).last().removeClass(function() {
return $( this ).prev().attr( "class" );
});

This example removes the class name of the penultimate <li> from the last <li>.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *