项目结构：
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="utf-8" />
6 <title></title>
7
8 <!-- 引入 jQuery -->
9 <script src="js/jquery.js" type="text/javascript"></script>
10 <script type="text/javascript">
11 //等待dom元素加载完毕.
12 $(document).ready(function() {
13 alert("Hello World!");
14 });
15
16 //写法
17 //$(document).ready();
18 //$(document).ready(function(){});
19 </script>
20
21 </head>
22
23 <body>
24
25 </body>
26
27 </html>
$(document).ready(function( ){ });类似于传统Javascript中的window.onload方法，不过与window.onload还是有些区别：
window.onload必须等待网页中所有的内容加载完毕后（包括图片）才能执行，
$(document).ready( )网页中所有的DOM结构绘制完毕后就执行，可能DOM元素关联的东西并没有加载完，
$(document).ready(function( ){ });可以简写成$(function( ){ });
原文：http://www.cnblogs.com/ZHOUVIP/p/7293921.html