2023年9月17日URLをコピーしました!jQueryの呼び出す時の書き方が何通りかあり、それぞれ実行タイミングが違います。今回は、皆さんも何度か目にしたと思われる書き方について、どのタイミングで呼び出されるのかをご紹介します。どれも同じように見えますが、実際には書き方によって動作が違います。目次jQueryの呼び出し例えば、以下のようによく見かける3つの書き方があります。123$(function(){});$(document).ready(function(){});$(window).load(function(){});他にも、$()をjQuery()と書くこともありますが、ここでは割愛します。結論から言うと、$(function(){});と$(document).ready(function(){});は同じタイミングで動きをしますが、$(window).load(function(){});は実行タイミングが違います。jQueryの実行タイミング上記では3つ記述しましたが、ここからjQueryのreadyとloadに絞って話を進めます。基本、プログラムは上から下に実行されますが、ここではreadyが先、loadが後に読み込まれるということを紹介しておきます。具体的な順番は次のようになります。//処理});jQuery(document)...readyとloadの2つのタイミングは?どちらもHTMLの読み込みが終わった状態ですが、画像などコンテンツ全体の読み込みが終わったタイミングで実行されるのがloadです。単純に順番の問題ではなく、適切に使い分けることが重要です。readyの場合は画像が読み込み終わっていないので、CSSで指定していない大きさが可変の画像に対して、幅や高さを取得しようとするとおかしくなります。以下、jQueryの実行タイミングによっての使い分けの例です。ページ読み込み時に処理を実行したい場合、いろいろな書き方があると思います。このあたりの違いをまとめました。...今まで何気なく使っていましたが、意識して書くことにします。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。閉じるホーム画面に追加してください!。