Ajout et suppression de l'attribut style de div avec jquery
j'ai hérité d'un projet sur lequel je travaille et je suis en train de mettre à jour certaines animations jquery (très peu de pratique avec jquery).
j'ai un div que je dois ajouter et supprimer l'attribut style de. Voici la div:
<div id='voltaic_holder'>
à un moment de l'animation, je dois ajouter un style:
<div id='voltaic_holder' style='position:absolute;top:-75px'>
j'ai cherché et trouvé le .removeAttr() la méthode mais je ne vois pas comment l'ajouter, ou même à distance des parties (comme le haut: 75px seulement).
Merci,
6 réponses
Vous pouvez faire tout ce qui suit
définir chaque propriété de style individuellement:
$("#voltaic_holder").css("position", "relative");
définir 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", "");
Supprimer l'attribut de style entier:
$("#voltaic_holder").removeAttr("style")
pour supprimer complètement l'attribut de style de la portée voltaic_holder , faites ceci:
$("#voltaic_holder").removeAttr("style");
Pour ajouter un attribut, faites ceci:
$("#voltaic_holder").attr("attribute you want to add", "value you want to assign to attribute");
pour supprimer seulement le style supérieur, faites ceci:
$("#voltaic_holder").css("top", "");
la façon simple de gérer cela (et la meilleure solution HTML pour démarrer) est de configurer des classes qui ont les styles que vous voulez utiliser. Il s'agit alors simplement d'utiliser addClass() et removeClass() , ou même toggleClass() .
$('#voltaic_holder').addClass('shiny').removeClass('dull');
ou même
$('#voltaic_holder').toggleClass('shiny dull');
Supprimer l'attribut de style de div en utilisant j query:
$("#TableDiv").removeAttr("style");
Ajouter un style à div en utilisant j query:
$("#TableDiv").attr("style", "display: none;");
Ajouter un style à l'aide de html:
<div class="row" id="TableDiv" style="display: none;">
</div>
l'Espoir qu'il sera utile :)