Eliminación y adición estricta de clases con el método toggleClass en jQuery

También en toggleClass se puede pasar un parámetro de estado, como true o false, entonces la clase solo se agregará o solo se eliminará.

Supongamos que tenemos las siguientes clases CSS:

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

La clase zzz se aplica al párrafo:

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

Solo agreguemos la clase red al hacer clic:

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

Como puede ver, al hacer clic nuevamente no ocurren cambios.

Los tres métodos mencionados para trabajar con clases - addClass, removeClass, toggleClass también pueden aceptar múltiples clases como parámetro, y permiten la aplicación de una función a cada elemento en el conjunto.