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:
.red {
color: red;
}
.zzz {
font-style: italic;
}
La clase zzz se aplica al párrafo:
<p class="zzz" id="test">text</p>
<button>click</button>
Solo agreguemos la clase red
al hacer clic:
$('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.
Corrija el código del ejemplo anterior - primero
agregue la clase red en el atributo y luego
haga que la clase red solo se elimine.
