jQuery3.0以降の「.ready」「.load」の記述方法

DOM構築が完了した時点か、画像などすべて読み込まれてから処理を実行するかの記述方法の備忘録です。

.readyでDOM構築が完了した時点で実行する記述方法

画像などが読み込まれるのは待たずに、DOM構築（HTML要素の読み込み）がされた時点で、処理を実行したい場合は以下のように記述する。

【jQuery3.0以降】

$(document).ready(function(){
// 実行内容
});

【jQuery3.0より前（2.○とか1.○バージョン）】も同じ

$(document).ready(function(){
// 実行内容
});

.loadでページ読込みが全て完了したら実行する記述方法

画像も含めてページ内容が全て読み込まれてから処理を実行したい場合は以下のように記述する。

【jQuery3.0以降】

$(window).on('load', function() {
// 実行内容
});

【jQuery3.0より前（2.○とか1.○バージョン）】

$(window).load(function(){
// 実行内容
});

以上。