jQuery CSS : Comment modifier les valeurs dans le Balise</strong></p> <p><strong>Question :</strong></p> <p>On sait que jQuery peut être utilisé pour appliquer des styles aux éléments HTML. Toutefois, dans certains scénarios, les utilisateurs peuvent souhaiter modifier les valeurs du champ <style> se balise lui-même, plutôt que d’affecter simplement un élément spécifique. Est-ce réalisable avec jQuery ?</p> <p><strong>Exemple :</strong></p> <p>Considérons une situation dans laquelle la couleur d'arrière-plan de l'élément body doit être modifiée en modifiant le paramètre <style> 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); } ... // .... Copier après la connexion Code jQuery : jQuery peut modifier des styles spécifiques pour un élément HTML : $('body').css('background-color','#ff0000');Copier après la connexion Cependant, cette approche ajoute styles intégrés à la balise body au lieu de la balise </p> <p><strong>Solution :</strong></p> <p>Pour modifier la valeur dans la balise <style> tag utilisant jQuery, une approche différente est nécessaire. Au lieu de modifier les éléments de style existants, jQuery peut être utilisé pour créer un nouvel élément de style :</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>$( "<style>body { background: black; }" ).appendTo( "head" )Copier après la connexion En cascade, cet élément de style nouvellement créé remplace les styles existants, modifiant ainsi la valeur dans le champ étiquette.</p>