Difference between window load and document ready functions

Question

What is the difference between $(window).load(function() {}) and $(document).ready(function() {}) in jQuery?

Answer 1

The key difference between $(document). ready() and $(window). load() event is that the code included inside onload function will run once the entire page(images, iframes, stylesheets,etc) are loaded whereas the $(document). ready() event fires before all images,iframes etc.