jQueryユーザーマニュアル(3)_jquery

3 つ: CSS 操作

従来の JavaScript の CSS 操作は非常に面倒です。たとえば、

css

のバックグラウンド構文は document.getElementById("a) です。 " ).style.background、CSS 操作には jQuery の方が便利です。$("#a").background()、$("#a").background("red")
$("#a " ) jQuery オブジェクトを取得します [

]
$("#a").background() はオブジェクトの背景スタイルを取得します。
$("#a").background("red") はオブジェクトの背景スタイルを赤に設定しますjQuery は css を操作する次のメソッドを提供します
背景() 背景 (val) color() color(val) css(name) css(prop)
css(key, value) float() float(val) height() height(val) width() width( val )
left() left(val) overflow() overflow(val)position()position(val) top() top(val)

ここで CSS を説明する必要があります ( name) css(prop) css(key, value)、名前を見るだけで他のものが何をするのかがわかります。

<div id="a" style="background:blue ; color:red">cssdiv><P id="b">テスト P>

css(name) name
$("#a" ) という名前のスタイルを取得します。 css("color") はスタイルのカラー値 red を取得し、("#a").css("background ") は blue を取得します

css(prop) prop はハッシュ オブジェクトであり、多数の CSS スタイルを設定するために使用されます
$("#b").css({ color: "red", background: "blue" });
最終的な効果は

test

,{ color: "red", background: "blue" }、ハッシュオブジェクト、色はキー、「赤」は値、

css(key, value) は別の CSS スタイルを設定するために使用されます
$("#b") .css( "color","re​​d");最終的な効果は

test

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。