Question

Possible Duplicate:
What is the difference between these jQuery ready functions?
Are $(function(){}); and $(“document”).ready(function(){}); the same?
start javascript code with $(function, etc

Today, while reviewing some javascript code I found that some portions of code where written in a $(function() { }) section, and other part of code where inside a $(document).ready(function() { }) one. So my first reaction was: OK, What’s the difference?

After a little of googling I found the next statement in the jQuery tutorial Getting Started with jQuery:

The following is a shortcut for the $(document).ready(callback) notation:

$(function() {
    // code to execute when the DOM is ready
});

Now, the question is: Is $(function() { }) an exact equivalent to $(document).ready(function() { })?

(And also a “less-global” indirect question will be: Is safe for me to put all the code in just one of the two sections?)

Answer 1

Yes, $(function() { }) is a shorthand for $(document).ready(function() { }).

All three of the following syntaxes are equivalent:

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

From .ready() reference.