第一个JQuery程序
Posted 星辰郎周
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了第一个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( ){ });
以上是关于第一个JQuery程序的主要内容，如果未能解决你的问题，请参考以下文章
[vscode]--HTML代码片段（基础版，reactvuejquery）