【jQuery】処理実行タイミング $(document).readyと$(window).load - Qiita

$(function(){ //処理 }); jQuery(function(){ //処理 }); jQuery(document).ready(function(){ //処理 }); これらは全て同じタイミングで処理が実行される。 実行されるタイミングは「HTML（DOM）の読み込みが終わったとき」である。 HTMLが読み込まれる前はHTMLの操作ができないので通常はこの記述を行う。 画像などコンテンツ全体が読み込まれたとき $(window).load ただし、HTMLの読み込みが終わったタイミングでは、まだ画像などのコンテンツは読み込まれていない。 そのため、画像が読み込まれなければ正しく動作しないような処理を行う場合は$(window).loadを使用する。 イベントの順番 イベントの順番は下記のようになる。 ページの読み込みが始まる HTMLの読み込みが終わる $(docum

[kathew]

どの書き方がどれだっけ？と混乱しがち

[stealthinu]

document.readyはDOMが生成されたタイミングだが、window.loadは画像等のコンテンツが全部読み終わったタイミングで発行される。