jQueryのレディイベント

1. HTMLは上から順番に読み込まれていきます
jQueryを実行するタイミング

2. HTMLは上から順番に読み込まれていきます
HTML
jQuery
HTMLを読み込み終わってから
jQueryを実行したい
jQueryを実行するタイミング

3. HTMLが全て読み込まれてから実行するよー！
jQueryを実行するタイミング
$(function(){});

4. jQueryを実行するタイミング
$(function(){});
レディイベント
HTMLが全て読み込まれてから実行するよー！

5. jQueryを実行するタイミング
HTMLが全て読み込まれてから実行するよー！
$(function(){
//ここに処理内容を書く
});

6. jQueryを実行するタイミング
$(function(){
$(セレクタ).メソッド(パラメーター);
});
HTMLが全て読み込まれてから実行するよー！

7. jQueryを実行するタイミング
$(document).ready(function(){});
$(function(){});
jQuery(document).ready(function(){});
HTMLが全て読み込まれてから実行するよー！
＝レディイベント
省
略
形

8. jQueryを実行するタイミング
HTMLが全て読み込まれてから実行するよー！
</body>の直前に書く

9. jQueryを実行するタイミング
$(function(){
$(セレクタ).メソッド(パラメーター);
});
HTMLが全て読み込まれてから実行するよー！
</body>の直前に書く
$(function(){}); は無くても良い