jQuery CSS: So ändern Sie Werte im Tag</strong></p> <p><strong>Frage:</strong></p> <p>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 <style> ändern. Tag selbst, anstatt nur ein bestimmtes Element zu beeinflussen. Ist dies mit jQuery erreichbar?</p> <p><strong>Beispiel:</strong></p> <p>Stellen Sie sich eine Situation vor, in der die Hintergrundfarbe des Körperelements durch Ändern des <style>-Elements geändert werden muss. tag:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><style title="css_style" type="text/css"> body { background-color:#dc2e2e; /* <- CHANGE THIS */ color:#000000; font-family:Tahoma, Verdana; font-size:11px; margin:0px; padding:0px; background-image: url(http://abc.de/image.jpg); } ... // .... Nach dem Login kopieren jQuery-Code: jQuery kann bestimmte Stile für ein HTML-Element ändern: $('body').css('background-color','#ff0000');Nach dem Login kopieren Dieser Ansatz fügt jedoch hinzu Stile inline im Body-Tag anstelle des Tag.</p> <p><strong>Lösung:</strong></p> <p>Um den Wert im <style> 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:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>$( "<style>body { background: black; }" ).appendTo( "head" )Nach dem Login kopieren Durch Kaskadierung überschreibt dieses neu erstellte Stilelement vorhandene Stile und ändert so effektiv den Wert im Tag.</p>
