How many times can I have jQuery's document ready function declared on a page?

Question

How many times is it permitted to have the jQuery document ready function declared on a page, i.e.:

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

or

Answer 1

As many times as you like. They fire in order of declaration.

$(document).ready() will fire when the document is ready (when it's all loaded by the browser). The other one will fire as soon as that part of the script executes.

Answer 2

As many as you need.

The document ready function adds to what is essentially an event queue - the functions in these declarations will all be executed, either at the document.ready event, or immediately if that event has already fired, in order of declaration.

Answer 3

One: There is no difference between the two.

Quote:

All three of the following syntaxes are equivalent:

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

Two: You can have as many of them as you wish, and they will be executed in the order that the $() or $(document).ready() functions are executed. (i.e. each handler is added to the queue)