JQuery入门案例

时间:2020-04-08
本文章向大家介绍JQuery入门案例,主要包括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>

原文地址:https://www.cnblogs.com/yxfyg/p/12662474.html