JavaScriptのロード順

Javascriptの出現順にロードされるため、html要素がロードされていない場合にjavascriptを実行する可能性があります.
そこでjQueryではまず「文書準備関数」を実行する.read();
ドキュメントが完全にロードされない前に関数を実行すると、操作が失敗する可能性があります.

存在しない要素を隠そうとする

は、完全にロードされていない画像のサイズ

を得る.
ドキュメントが完全にロード(準備完了)される前にjQueryコードを実行しないようにするには、すべてのjQuery関数がdocument ready関数に配置されます.

1 $(document).ready(function(){

2 ---jQuery funcitons go here ---

3 });