どのように変更cssプロパティのhtml要素にjavascriptを使用しくはjquery

Question

変更方法を教えてくださ CSS から javascript.

を使用してい jQuery-ui Dialog とを変更したいスタイルの DIV からです。

感謝

Answer 1

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

一度に複数のものを設定している場合は、

最初の方法は簡単です。

あなたはプロパティが現在設定されているものを確認したい場合は、

、あなただけの値を省略し、第二のオプションのバリアントを使用することになります。

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

あなたはすでに上でそれを設定した場合のvar colorは、例えば、redすることになるだろう。

また、

のようなものをやって、クラスを追加したり削除することができます

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

Answer 2

この答えは、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を作るあなたの前に緑のテキストの青を作るクラスバーを使用します。

Answer 3

カップルの方法を操る要素のスタイルを使用しjQuery。見通しに関CSSと変化する属性:

• http://docs.jquery.com/Attributes/addClass#class
• http://docs.jquery.com/CSS

Answer 4

this.Thisはjqueryのコードで試してみてください。

 $("myDiv").css({"color":"red","display":"block"})

あなたはバニラのjavacriptを使用している場合は、これを試してみます。

var myDiv = document,getElementById("myDiv");

myDiv.style.display = "block";

myDiv.style.color = "red";