jQuery Document Ready function syntax

Question

Is there a difference between this:

$(document).ready(function() {

and this:

$().ready(function() {

has already been answered: http://stackoverflow.com/questions/1388043/different-forms-of-document-ready — Max, Jan 24 '12 at 16:47
`ready()` is for amateurs. Just `$( function () { ... } );`... — Šime Vidas, Jan 24 '12 at 16:51

score 3 · Accepted Answer · edited Jan 24 '12 at 16:52

3

according to jquery documentation they are the same.

All three of the following syntaxes are equivalent:

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

i personally feel using $(document).ready(handler) makes it more readable though.

edited Jan 24 '12 at 16:52

Šime Vidas

182,163
62
281
385

answered Jan 24 '12 at 16:48

Ravi Bhatt

3,147
19
21

score 0 · Answer 2 · answered Jan 24 '12 at 16:47

0

They both are equivalent but the later one is not recommended per jQuery docs.

http://api.jquery.com/ready/

answered Jan 24 '12 at 16:47

ShankarSangoli

69,612
13
93
124

score 0 · Answer 3 · answered Jan 24 '12 at 16:49

0

If I am not completely mistake, the first one is what you wanna use in any case (when using non-intrusive JS). The second one might even work (not tested) but if it does it will certainly be slower, as jQuery would have to detect the object that is loaded and upon which to run the denoted functon.

answered Jan 24 '12 at 16:49

Evenflow

53
1
5

Yes, indeed, speedwise you want to use the first, since the funcion will be appended (executed) immediately upon document.load(). – Evenflow Jan 24 '12 at 16:51

score 0 · Answer 4 · answered Jan 24 '12 at 16:49

First, it has nothing to do with PHP, that's javascript code (using the jQuery library). I retagged your question accordingly.

Now, these 3 variants do the same thing (attach an event handler to the DOMLoaded event):

$(function(){});
$(document).ready(function(){});
$().ready(function(){});

The third one is not recommended, according to jQuery docs.

jQuery Document Ready function syntax

4 Answers4