jQuery

ダウンロード

jQuery: The Write Less, Do More, JavaScript Library

ドキュメント読み込み後に処理を実行

ready()メソッドを使用します。.ready() – jQuery API

documentオブジェクトにready()メソッドを適用することで、ドキュメントの読み込みに後に処理を行えます。

$( document ).ready( function() {
    // TODO
} );

これには、

$().ready( function() {
    // TODO
} );

のような省略形もあります。しかしこの方法は推奨されないため、一般的には

$( function() {
    // TODO
} );

の省略形を使用します。

≫jQueryを使用せずに実現する方法

参考

リファレンス

コード解説

サンプルコード

JavaScriptのドキュメントから検索