Remoção e adição estrita de classe com o método toggleClass no jQuery

Também é possível passar um parâmetro de estado para o toggleClass, como true ou false. Nesse caso, a classe será apenas adicionada ou apenas removida.

Suponha que temos as seguintes classes CSS:

css.red {
  color: red;
}
  
.zzz {
  font-style: italic;
}

A classe zzz é aplicada ao parágrafo:

html<p class="zzz" id="test">text</p>
<button>click</button>

Vamos apenas adicionar a classe red ao clicar:

javascript$('button').click(function() {
  $('#test').toggleClass('red', true);
});

Como você pode ver, nenhuma alteração ocorre ao clicar novamente.

Todos os três métodos mencionados para trabalhar com classes - addClass, removeClass, toggleClass também podem aceitar múltiplas classes como parâmetro, e permitem a aplicação de uma função a cada elemento do conjunto.