jQueryは、DOMが完全にロードされ、準備ができている場合にのみコードを実行する簡単な方法を提供します。

$( document ).ready(function() {
  // do stuff
});

速記

この省略形を使用することもできます。

$(function() {
    // do stuff
});

ページ全体を待つ

ドキュメントの代わりにウィンドウを使用して、ページ全体の準備が整うまで待ちます。

$( window ).load(function() {
    // do stuff
});