HTMLとJavaScriptを全て読み込んだ後に、関数を実行する
準備をします。
jQuery(document).ready(function($){ // 処理を書きます }
ready functionの外に処理を書くと、HTML、JavaScriptが全て読み込まれる前に
処理が実行されます。
豆知識:基本的にJavaScriptやjQueryは、HTMLを読み込んだ後に読み込まれます。
読み込まれた後、別のページに飛ぶ(Ajaxを使っても同じ)と、再度JavaScriptを読み込まないといけません。
JavaScriptは読み込まれないと実行されないのです。当たり前ですが。
でないと、JavaScriptは実行されません。読み込み→実行でかつ、読み込み≠実行なのです。
1.読み込み
2.関数実行準備
3.関数実行