首页 > 代码库 > 第一个JQuery程序

第一个JQuery程序

2024-11-18 23:11:02   205人阅读

项目结构：

技术分享

 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程序


联系
我们