Question

The following snippet of jquery says wait until the document is ready.

$(document).ready(function() {  
     // my code
});

what are other objects that can be passed to $() in place of document parameter.

Answer 1

according to the docs:

The .ready() method can only be called on a jQuery object matching the current document

But my Fiddle shows that it’s not true!!!

HTML:

<div id="gdoron">
    <input value='aaa' />
</div>​

JavaScript:

$('#gdoron').ready(function() {
    alert($('#gdoron').html()); // alerts: "<input value='aaa' />"
});​

alert($('#gdoron').html()); // alerts: "null"

Maybe what the docs meant is that this inside the handler will be document object and not the element corresponding to the selector?(which is true…)

The code that fire the readyList handlers:

readyList.fireWith( document, [ jQuery ] );

Anyway why wouldn’t you use the document object? this is the only DOM object that will always be defined, not like body etc’.

---

All three of the following syntaxes are equivalent:

• $(document).ready(handler)
• $().ready(handler) (this is not recommended)
• $(handler)