jQuery CSS: の値を変更する方法タグ</strong></p> <p><strong>質問:</strong></p> <p>jQuery を使用して HTML 要素にスタイルを適用できることは知られています。ただし、特定のシナリオでは、ユーザーが <style> 内の値を変更したい場合があります。特定の要素にだけ影響を与えるのではなく、タグ自体に影響を与えます。これは jQuery で実現可能ですか?</p> <p><strong>例:</strong></p> <p><style> を変更して body 要素の背景色を変更する必要がある状況を考えてみましょう。タグ:</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); } ... // .... ログイン後にコピー jQuery コード: jQuery は HTML 要素の特定のスタイルを変更できます: $('body').css('background-color','#ff0000');ログイン後にコピー ただし、このアプローチでは次のことが追加されます の代わりに body タグにインラインでスタイルを追加します。 </p> <p><strong>解決策:</strong></p> <p><style> の値を変更するにはjQuery を使用してタグを付けるには、別のアプローチが必要です。既存のスタイル要素を変更する代わりに、jQuery を使用して新しいスタイル要素を作成できます。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>$( "<style>body { background: black; }" ).appendTo( "head" )ログイン後にコピー カスケードにより、この新しく作成されたスタイル要素は既存のスタイルをオーバーライドし、 の値を効果的に変更します。タグ。</p>
