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

巴扎黑
Libérer: 2017-06-26 14:34:14
original
1894 Les gens l'ont consulté

Ajouter plusieurs attributs à la classe jQuery

$('#five .a')
.css({
    color:'blue',
    border:'2px solid green',
    background:'blue'
});
Copier après la connexion

jQuer ajoute une classe à l'élément

$('#five .a')
.addClass('funny');
Copier après la connexion

Code HTML

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

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal