jQuery fügt die Prioritätsstufe von Stilattributen hinzu

Mehrere Attribute zur jQuery-Klasse hinzufügen

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

jQuer fügt Klassen zu Elementen hinzu

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

HTML-Code

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

Sie können sehen, dass der Rendering-Effekt des Hinzufügens mehrerer Attribute zur jQuery-Klasse als Inline-Stil erscheint.

Die von jQuer dem Element hinzugefügte Klasse hat keine hohe Priorität als Inline-Stil

Sie können sehen, dass es im Rendering-Effekt keinen lustigen gibtHintergrundfarbe: grau;undFarbe: gelb;Attribut.

Das obige ist der detaillierte Inhalt vonjQuery fügt die Prioritätsstufe von Stilattributen hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!