Question

$(function(){}) is the the same as jquery’s $(document).ready so I am wondering if I can put it into body
instead of head ?
I only see the act of putting script at different section of the page as a matter of executing it at different time. It is true? Can I put script in a div in the middle of the page? Will it affect how DOM is loaded?

Answer 1

I only see the act of putting script at different section of the page as a matter of executing it at different time. It is true?

Yes, but the script you’re talking about just makes a single function call (to ready). The callback will get called later, when the DOM is ready, either way.

Can I put script in a div in the middle of the page?

Yes. But again, if the script in question is just calling ready (directly, or via the shortcut), it doesn’t much matter. I would discourage you from littering scripts all over your markup; best to try to keep the two largely separate.

Will it affect how DOM is loaded?

Only if you use document.write within the script (and even then, it doesn’t affect how the DOM is loaded, but may affect the content of it).

---

If you can choose where the script tags go (e.g., you’re not writing a JavaScript library or jQuery plug-in, your script is on a page you control), there’s little if any reason to use ready. Instead, put your script tag at the end of the page, just before the closing </body> tag. References:

• Google Closure engineers on when the DOM is ready
• YUI Best Practices for Speeding Up your Website