Agregar y eliminar el atributo de estilo de div con jquery

Question

He heredado un proyecto en el que estoy trabajando y estoy actualizando algunas animaciones de jquery (muy poca práctica con jquery).

Tengo un div Necesito agregar y quitar el atributo de estilo. Aquí está el div:

<div id='voltaic_holder'> 

En un momento de la animación necesito agregar un estilo a la misma:

<div id='voltaic_holder' style='position:absolute;top:-75px'> 

He buscado alrededor y encontró el método .removeAttr() pero no puedo ver cómo agregarlo, o incluso partes remotas de él (como la parte superior: -75px solamente).

Gracias,

Answer 1

que podría hacer cualquiera de las siguientes

Ajuste cada estilo de propiedad individual:

$("#voltaic_holder").css("position", "relative"); 

múltiples determinadas propiedades de estilo a la vez:

$("#voltaic_holder").css({"position":"relative", "top":"-75px"}); 

Eliminar un estilo específico:

$("#voltaic_holder").css({"top": ""}); 
// or 
$("#voltaic_holder").css("top", ""); 

extirpar todo el atributo de estilo:

$("#voltaic_holder").removeAttr("style") 

Answer 2

Si está utilizando jQuery, utilice css añadir CSS

$("#voltaic_holder").css({'position': 'absolute', 
    'top': '-75px'}); 

Para quitar los atributos CSS

$("#voltaic_holder").css({'position': '', 
    'top': ''}); 

Answer 3

Anwer es aquí How to dynamically add a style for text-align using jQuery

Answer 4

El fácil Manera de manejar esto (y mejor Solución HTML para arrancar) es configurar clases que tengan los estilos que desea usar. Entonces es una simple cuestión de usar addClass() y removeClass(), o incluso toggleClass().

$('#voltaic_holder').addClass('shiny').removeClass('dull'); 

o incluso

$('#voltaic_holder').toggleClass('shiny dull'); 

Answer 5

Para eliminar completamente el atributo de estilo de la extensión voltaic_holder, hacer esto:

$("#voltaic_holder").removeAttr("style"); 

Para añadir un atributo, haga lo siguiente:

$("#voltaic_holder").attr("attribute you want to add", "value you want to assign to attribute"); 

Para eliminar solo el la parte superior estilo, hacer esto:

$("#voltaic_holder").css("top", "");