Shorter form of writing jQuery $(document).ready function

Question

I use a lot of jQuery, so I have to keep typing out the $(document).ready function to put the jQuery code. Is there a shorter form of the function?

Why are you making lots of $(document).ready() blocks? Only initialization code that's referencing the DOM on first page load needs to be in such a block. You can also puts lots of pieces of code in one $(document).ready() block. — jfriend00
– jfriend00, Commented Oct 27, 2011 at 4:55

Samuel Liew · Accepted Answer · 2013-01-17 03:59:20Z

16

The three following syntaxes are allowed:

Syntax 1

$(document).ready(function)

Syntax 2

$().ready(function)

Syntax 3

$(function)

Update:

Additionally, from version 1.9 onwards:

$(window).on('load', null, function)
$(document).on('ready', null, function)

edited Jan 17, 2013 at 3:59

answered Oct 27, 2011 at 4:46

Samuel Liew

79.5k112 gold badges173 silver badges315 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

nnnnnn Over a year ago

There is also $(document).bind("ready", handler) (though that doesn't behave quite the same way).

lukas.pukenis Over a year ago

The first is good, the second is in danger with conflicting another JS framework/library. The third is the same as second. You should use jQuery(document).ready(function() {...}); Write that line once and implement all your logic between square brackets. What's the problem ?

Collectives™ on Stack Overflow

Shorter form of writing jQuery $(document).ready function

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related