readyとloadの違い - jQuery

readyとload

readyとは

DOMの読み込みが終わりアクセスできるようになったら、何らかの処理をすること

loadとは

ページのすべての要素-例えば画像など-全てロードされたら、何らかの処理をすること

readyの書き方

---

$(function(){
});
// または
jQuery(document).ready(function() {
});
// または
jQuery(function(){
});

---

jQueryはDOMにアクセスできないと挙動がおかしくなるため、.ready()の中に記述する。 ただしbodyタグの末尾にscriptタグを置いた場合は、すでにDOMが読み込まれいるため、readyは必要がない。

ときどきloadが動作しない

以下のようにreadyの中でloadを実行すると、実行順序次第でloadが読みこまれない場合があります。

---

$(function(){
   $(window).on('load',function(){}) 
});

---

そういうときは分けましょう。

---

$(function(){
});
$(window).on('load',function(){}) 

---