Heim >Web-Frontend >js-Tutorial >Teilen Sie die Prioritätsmethode zum Hinzufügen von Stilattributen in jQuery
Dieser Artikel stellt Ihnen hauptsächlich eine Prioritätsmethode zum Hinzufügen von Stilattributen in jQuery vor (empfohlen). Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.
Mehrere Attribute zur jQuery-Klasse hinzufügen
$('#five .a') .css({ color:'blue', border:'2px solid green', background:'blue' });
jQuer fügt Klasse zum Element hinzu
$('#five .a') .addClass('funny');
HTML-Code
<style> .funny{ font-size: 21px; background-color: gray ; padding: 10px; color: yellow ; } </style> <p id="five"> <p class="a">A</p> </p>
Sie können sehen, dass der Rendering-Effekt des Hinzufügens mehrerer Attribute zur jQuery-Klasse als Inline-Stil erscheint.
Die von jQuer zum Element hinzugefügte Klasse hat keine hohe Priorität als Inline-Stil
Sie können sehen, dass es keine lustigen Attribute „background-color: grey“; im Rendering-Effekt.
Verwandte Empfehlungen;
jQuery fügt Prioritätsstufe von Stilattributen hinzu
HTML-Grundlagen (5) – Format und Layout von CSS-Stylesheet-Stilattributen
Das obige ist der detaillierte Inhalt vonTeilen Sie die Prioritätsmethode zum Hinzufügen von Stilattributen in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!