JQuery入门案例 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>入门案例</title>
 6         <script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
 7         
 8         <script>
 9             //js中文档加载完成
10             window.onload = function(){
11                 alert("js中文档加载完成");
12             }
13             
14             window.onload = function(){
15                 alert("js中文档加载完成测试是否覆盖");
16             }
17             
18             //JQ中文档加载完成测试
19             jQuery(document).ready(function(){
20                 alert("JQ中文档加载完成第一次");
21             });
22             
23             //简写
24             $(document).ready(function(){
25                 alert("JQ中文档加载完成第二次");
26             });
27             
28             //最简单的写法
29             $(function(){
30                 alert("最简单的写法");
31             });
32             
33         </script>
34     </head>
35     <body>
36     </body>
37 </html>

 

posted @ 2020-04-08 20:17  yxfyg  阅读(128)  评论(0)    收藏  举报