JQuery入门案例

Posted yxfyg

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

以上是关于JQuery入门案例的主要内容,如果未能解决你的问题,请参考以下文章

jquery入门与实践案例教程

JQuery入门案例

jquery非常简单入门的登录案例

夺命雷公狗---微信开发57----微网站之jquery_mobile之入门案例

jQuery简单的省市区县三级联动案例

JQuery02