javascript - javascriptまたはjqueryを使用してhtml要素のcssプロパティを変更する方法

Question

CSSから変更するにはどうすればよいですかjavascript。

私は使用していて、javascriptjQuery-ui Dialogのスタイルを変更したいと考えています。DIV

ありがとう

score 8 · Accepted Answer

jQuery のドキュメントを参照してください。あなたが何かを望むなら、それはそこにあるでしょう。

とにかく、要素にスタイルを追加したい場合は、css関数を使用する必要があります。これにはいくつかのバリエーションがあります。

$(selector).css(properties);  // option 1
$(selector).css(name, value); // option 2

したがって、「mydiv」という ID を持つ DIV があり、背景を赤にしたい場合は、次のようにします。

$("div#mydiv").css({'background-color' : 'red'}); // option 1
$("div#mydiv").css('background-color','red');     // option 2

一度に複数のものを設定する場合は、最初の方法が簡単です。

プロパティが現在何に設定されているかを確認したい場合は、2 番目のオプションのバリアントを使用し、値を省略します。

var color = $("div#mydiv").css('background-color');

colorたとえば、すでに上で設定しているred場合は、変数を次のようにします。

次のようにして、クラスを追加および削除することもできます

$(selector).addClass(class_name);
$(selector).removeClass(class_name);

score 2 · Accepted Answer

この回答は、jQuery がなくても機能します。

したがって、次のようなものがあります。

<style type="text/css">
    .foo { color: Red; }
    .bar { color: Blue; }
</style>
<div class="foo" id="redtext"> some red text here </div>

一部の属性だけを変更したい場合は、いつでも要素を見つけることができます

var div = document.getElementById('redtext');

関数を使用して、添付された色のスタイルを次のように変更します

div.style.color = 'Green';

代わりに赤いテキストを緑で表示します。

div 用に定義されたクラスを別のスタイルクラスに変更する場合は、次のようにします。

div.className = 'bar';

div でクラスバーを使用するようになりました。これにより、以前は緑色のテキストが青色になります。

score 1 · Accepted Answer

jQuery フレームワークを使用して要素のスタイルを操作するには、いくつかの方法があります。CSS と属性の変更に関連するドキュメントを参照してください。

4 に答える 4