Question

Recently I saw that you could use either

$('document').ready(function() {
//Do Code
});

or

$('window').load(function() {
//Do Code
});

for jQuery.

However, they seem the same to me! But clearly aren’t.

So my question is: Which one should I use for a website sort of based on animation and async? And also which one of the two is generally better to use?

Thanks.

Answer 1

$('document').ready runs the code when the DOM is ready, but not when the page itself has loaded, that is, the site has not been painted and content like images have not been loaded.

$(window).load runs the code when the page has been painted and all content has been loaded. This can be helpful when you need to get the size of an image. If the image has no style or width/height, you can’t get its size unless you use $(window).load.