Kann jQuery Stile direkt im „Tag' ändern?

jQuery CSS: So ändern Sie Werte im Tag

Frage:

Es ist bekannt, dass jQuery zum Anwenden von Stilen auf HTML-Elemente verwendet werden kann. In bestimmten Szenarien möchten Benutzer jedoch möglicherweise die Werte innerhalb des ändern. Tag selbst, anstatt nur ein bestimmtes Element zu beeinflussen. Ist dies mit jQuery erreichbar?

Beispiel:

Stellen Sie sich eine Situation vor, in der die Hintergrundfarbe des Körperelements durch Ändern des -Elements geändert werden muss. tag:

body { background-color:#dc2e2e; /*

...

// .... jQuery-Code:

jQuery kann bestimmte Stile für ein HTML-Element ändern:

$('body').css('background-color','#ff0000'); Dieser Ansatz fügt jedoch hinzu Stile inline im Body-Tag anstelle des Tag.

Lösung:

Um den Wert im Tag mithilfe von jQuery zu erstellen, ist ein anderer Ansatz erforderlich. Anstatt vorhandene Stilelemente zu ändern, kann jQuery verwendet werden, um ein neues Stilelement zu erstellen:

$( " body { background: black; } " ).appendTo( "head" ) Durch Kaskadierung überschreibt dieses neu erstellte Stilelement vorhandene Stile und ändert so effektiv den Wert im Tag.