tag - ¡No mostrar ninguno! Necesidad importante de anular usando jQuery

tag js

Question

¿Alguien que esté sabiendo cómo anular el css mencionado abajo usando jQuery?

 .actionButton.single-pet
        {
            display: none !important;
        }

No funcionará para esto: $(''.actionButton.single-pet'').show();

Answer 1

$(''.actionButton.single-pet'').attr("style", "display: inline !important");

Establece CSS para display: inline !important; . display: inline es la propiedad predeterminada para display . Necesitas !important nuevo para anular el anterior !important .

Tenga en cuenta que !important no debe utilizarse a menudo. Lea la respuesta aceptada en Cómo anular! ¿Importante? para más detalles.

ACTUALIZACIÓN: ¡No podemos usar .css() aquí porque no es compatible !important . http://bugs.jquery.com/ticket/11173 para más detalles; Parece ser un error.

Answer 2

$(''.actionButton.single-pet'').removeClass(''single-pet'');

O solo:

$(''.actionButton.single-pet'').addClass(''single-pet-shown'');

Con CSS:

.actionButton.single-pet-shown {
    display: block !important;
}