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

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

醉折花枝作酒筹
リリース: 2021-07-23 12:00:47
オリジナル
2386 人が閲覧しました

メソッドは次のとおりです。通常、ページの初期化時にスタイルを読み込む必要があるため、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( ) 関数は と一緒に使用しないでください。

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート