what is the sequence of jquery pageload events?

Question

are there any good guides as to which events happen in which order (and what triggers them)?

ie:

$(document).ready
$(window).ready
$(window).onload

---

EDIT: are there any other (pageload) events that i'm missing?

Answer 1

1. $(document).ready
2. $(window).onload (document + multimedia (like images))

There isn't $(window).ready

Answer 2

• $(document).ready when the browser is done rendering the DOM (the HTML file)

• $(window).ready never heard of that one. Don't think it exists

• $(window).onload when every linked resource on the page (including images) was loaded (usually some time after document.ready)

Answer 3

1. document.ready - DOM Elements good to go
   • Triggered by DOMContentLoaded in Mozilla/WebKit/Opera
   • Trigered by onreadystatechange in IE
2. window.load - Images loaded
   • The actual window.onload event, this is a core DOM event, not created by jQuery.

document.ready happens before or when window.load does...if all else fails, document.ready is actually an event handler on window.load, you can see the source code here: http://github.com/jquery/jquery/blob/master/src/core.js#L407

There isn't a window.ready, document.ready is a special event that jQuery creates, only for document and not window.

Answer 4

as far as i know

1. $(document).ready
2. $(window).onload