jquery - 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

• document.ready is a jQuery event, it runs when the DOM is ready, e.g. all elements are there to be found/used, but not necessarily all content.
• window.onload fires later (or at the same time in the worst/failing cases) when images and such are loaded, so if you're using image dimensions for example, you often want to use this instead.