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;

Eine Zusammenfassung von Beispielen für Methoden zum Erhalten verschiedener CSS-Stilattribute in nativem Javascript

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!