第一个jQuery程序

项目结构：

 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( ){ });