码迷,mamicode.com
首页 > Web开发 > 详细

第一个JQuery程序

时间:2017-08-06 12:35:04      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:doctype   nload   htm   load   cti   项目   img   window   javascrip   

项目结构:

技术分享

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

第一个JQuery程序

标签:doctype   nload   htm   load   cti   项目   img   window   javascrip   

原文地址:http://www.cnblogs.com/ZHOUVIP/p/7293921.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!