Maison >interface Web >js tutoriel >Partager la méthode prioritaire d'ajout d'attributs de style dans jQuery

Partager la méthode prioritaire d'ajout d'attributs de style dans jQuery

小云云
小云云original
2018-01-10 10:24:101308parcourir

Cet article vous apporte principalement une méthode prioritaire pour ajouter des attributs de style dans jQuery (recommandé). L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

Ajouter plusieurs attributs à la classe jQuery

$('#five .a')
.css({
  color:'blue',
  border:'2px solid green',
  background:'blue'
});

jQuer ajoute des classes aux éléments

$('#five .a')
.addClass('funny');

Code HTML

 <style>
.funny{
  font-size: 21px;
  background-color: gray ;
  padding: 10px;
  color: yellow ;
}
 </style>
<p id="five">
  <p class="a">A</p>
</p>

Vous pouvez voir que l'effet de rendu de l'ajout de plusieurs attributs à la classe jQuery apparaît sous la forme d'un style en ligne.

La classe ajoutée par jQuer à l'élément n'a pas une priorité élevée comme le style en ligne

Vous pouvez voir qu'il n'y a pas d'attributs background-color: gray et color: yellow; dans l'effet de rendu.

Recommandations associées ;

Un résumé d'exemples de méthodes pour obtenir divers attributs de style CSS en javascript natif

jQuery ajoute le niveau de priorité des attributs de style

Bases du HTML (5) - format et mise en page des attributs de style de feuille de style CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn