Onload and ready function in jQuery

Hi Michell,

Body.Onload() event will be called only after the DOM and associated resources like images got loaded, but jQuery's document.ready() event will be called once the DOM is loaded i.e., it wont wait for the resources like images to get loaded. Hence, the functions in jQuery's ready event will get executed once the HTML structure is loaded without waiting for the resources.
We can have multiple document.ready() in a page but Body.Onload() event cannot.

Refer
http://beyondrelational.com/blogs/hima/archive/2011/02/09/does-document-ready-function-similar-to-onload-or-explain-the-importance-of-document-ready.aspx

Thanks

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Satyapriya Nayak15y ago
Hi Michell,
1. Body.Onload() event will be called only after the DOM and associated resources like images got loaded, but jQuery's document.ready() event will be called once the DOM is loaded i.e., it wont wait for the resources like images to get loaded. Hence, the functions in jQuery's ready event will get executed once the HTML structure is loaded without waiting for the resources.
2. We can have multiple document.ready() in a page but Body.Onload() event cannot.
Refer
http://beyondrelational.com/blogs/hima/archive/2011/02/09/does-document-ready-function-similar-to-onload-or-explain-the-importance-of-document-ready.aspx

Thanks
0