Maison >interface Web >js tutoriel >jQuery ajoute un niveau de priorité aux attributs de style

jQuery ajoute un niveau de priorité aux attributs de style

巴扎黑
巴扎黑original
2017-06-26 14:34:141920parcourir

Ajouter plusieurs attributs à la classe jQuery

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

jQuer ajoute une classe à l'élément

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

Code HTML

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

jQuery ajoute un niveau de priorité aux attributs de style

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 haute priorité comme le style en ligne

Vous pouvez voir qu'il n'y en a pas de drôle dans l'effet de rendubackground-color : gris;etcouleur : jaune ;attribut.

jQuery ajoute un niveau de priorité aux attributs de style

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