web-dev-qa-db-fra.com

Ajout et suppression d'un attribut de style de div avec jquery

J'ai hérité d'un projet sur lequel je travaille et je mets à jour des animations jQuery (très peu de pratique avec jQuery).

J'ai un div je dois ajouter et supprimer l'attribut de style de. Voici le div:

<div id='voltaic_holder'>

À un moment de l'animation, j'ai besoin d'ajouter un style:

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

J'ai cherché autour et trouvé la méthode .removeAttr() mais je ne vois pas comment l'ajouter, ni même des parties éloignées de celle-ci (comme le haut: -75px seulement).

Merci,

jquerycssdhtml
81
drpcken

Vous pouvez faire l'une des choses suivantes

Définissez chaque propriété de style individuellement:

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

Définissez plusieurs propriétés de style à la fois:

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

Supprimer un style spécifique:

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

Supprimez l'attribut de style entier:

$("#voltaic_holder").removeAttr("style")
194
Adam Albrecht

Pour supprimer complètement l'attribut style du voltaic_holder span, procédez comme suit:

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

Pour ajouter un attribut, procédez comme suit:

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

Pour supprimer uniquement le style supérieur, procédez comme suit:

$("#voltaic_holder").css("top", "");
19
Peter Olson

Si vous utilisez jQuery, utilisez css pour ajouter du CSS

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

Pour supprimer les attributs CSS

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

Le moyen le plus simple de gérer cela (et la meilleure solution HTML à démarrer) consiste à configurer des classes avec les styles que vous souhaitez utiliser. Il suffit ensuite d’utiliser addClass () et removeClass () , ou même toggleClass () .

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

ou même

$('#voltaic_holder').toggleClass('shiny dull');
9
Surreal Dreams

Answer is here.___. Comment ajouter de façon dynamique un style d'alignement de texte à l'aide de jQuery

2
TheHorse

Supprimer l'attribut de style de div en utilisant la requête J:

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

Ajouter un style à div en utilisant la requête J:

$("#TableDiv").attr("style", "display: none;");

Ajouter un style en utilisant HTML:

<div class="row" id="TableDiv" style="display: none;">
</div>

J'espère que ça vous aidera :)

0
Wajid khan