ホームページ  >  記事  >  ウェブフロントエンド  >  jqでCSSスタイルを記述する方法

jqでCSSスタイルを記述する方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-07-23 12:00:472356ブラウズ

メソッドは次のとおりです。通常、ページの初期化時にスタイルを読み込む必要があるため、ready() メソッドが使用され、構文形式は「$(document).ready(function)」です。 」。 Ready イベントは、DOM がロードされ、ページ (画像を含む) が完全にレンダリングされたときに発生します。

jqでCSSスタイルを記述する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

jquery で CSS スタイルを記述する方法は次のとおりです。 通常、スタイルはページの初期化時に読み込まれる必要があるため、ready() メソッドを使用します。

$(document).ready(function(){
	$("table tr td").css({
		"height":"25px",
	})
	$("span").css({
		"color":"#337ab7",
		"font-size":"13px",
	});
});

When the DOM (Documentオブジェクト モデル) が読み込まれ、ページのオブジェクト (イメージを含む) が完全にレンダリングされると、ready イベントが発生します。

このイベントはドキュメントの準備ができた後に発生するため、他のすべての jQuery イベントと関数をこのイベントに配置することをお勧めします。上の例と同じように。

ready() 関数は、ready イベントが発生したときに実行されるコードを指定します。

ready() 関数は現在のドキュメントに対してのみ機能するため、セレクターは必要ありません。

次の 3 つの構文が許可されます:

文法 1

$(document).ready(function)

文法 2

$().ready(function)

文法 3

$(function)

ヒント:ready( ) 関数は a12867977b4e8455fcea60d618d8572e と一緒に使用しないでください。

推奨学習: css ビデオ チュートリアル

以上がjqでCSSスタイルを記述する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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