remove - Agregar y eliminar el atributo de estilo de div con jquery

remove class jquery

Question

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

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

<div id=''voltaic_holder''>

En un punto de la animación necesito agregarle un estilo:

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

He buscado y he encontrado el método .removeAttr() pero no veo cómo agregarlo, ni siquiera partes remotas (como la parte superior: -75px solamente).

Gracias,

Answer 1

Anwer está aquí Cómo agregar dinámicamente un estilo para text-align usando jQuery

Answer 2

La manera más fácil de manejar esto (y la mejor solución HTML para arrancar) es configurar las clases que tienen 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 3

Para eliminar por completo el atributo de estilo del tramo voltaic_holder , haz esto:

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

Para agregar un atributo, haz esto:

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

Para eliminar solo el estilo superior, haz esto:

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

Answer 4

Si está utilizando jQuery, use css para agregar CSS

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

Para eliminar los atributos de CSS

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

Answer 5

Usted podría hacer cualquiera de los siguientes

Establezca cada propiedad de estilo individualmente:

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

Establezca múltiples 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", "");

Eliminar todo el atributo de estilo:

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