コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryユーザーマニュアル(3)_jquery

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース： 2016-05-16 18:45:58
オリジナル
964 人が閲覧しました
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
関連ラベル：
jquery マニュアル
ソース：php.cn
前の記事：ext同期および非同期のサンプルコード_extjs 次の記事：JSバブリングイベントとイベントリスニングの使用法分析_JavaScriptスキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
jQueryファイルをインポートする
から 1970-01-01 08:00:00
0
0
0
jquery ノートはどこでダウンロードできますか?
から 1970-01-01 08:00:00
0
0
0
jQueryのプロトタイプチェーン
から 1970-01-01 08:00:00
0
0
0
Nuxt.js に jQuery をインストールする手順
から 1970-01-01 08:00:00
0
0
0
php+jqueryの問題
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート