jQuery页面加载完毕事件及jQuery与JavaScript的比较

1、jQuery概述

　　jQuery是一个JavaScript库，它集成了JavaScript、DOM、CSS和Ajax，简化了JavaScript编程，提倡write less， do more。

2、jQuery与JavaScript的区别

  • jQuery加载比JavaScript快，jQuery在DOM绘制完毕加载，JavaScript会在页面所有元素加载完毕才开始加载
  • jQuery不存在覆盖问题，多个函数恢依次执行；JavaScript存在覆盖问题，前面的函数会被覆盖掉，只能执行最后一个

3、jQuery页面加载完毕事件

以下代码执行会先弹出jQuery页面加载完毕事件“页面加载完毕事件”和“页面加载完毕匿名函数”，然后执行js方法，弹出“init()方法”

当点击按钮时，只会弹出“点击按钮弹出框2”

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title>jQuery页面加载完毕事件</title>
 6         <script src="js/jquery-1.11.0.js"></script>
 7         <script src="demo.js"></script>
 8         <script>
 9             window.onload = function() {
10                 document.getElementById("a").onclick = function() {alert("点击按钮弹出框1")};
11                 document.getElementById("a").onclick = function() {alert("点击按钮弹出框2")};
12             }
13         </script>
14     </head>
15     <body onload="init()">
16         <button id="a">click</button>
17     </body>
18 </html>
 1 function init() {
 2     alert("init()方法")
 3 }
 4 
 5 $(document).ready(
 6     function() {
 7         alert("页面加载完毕事件");
 8     }
 9 )
10 
11 $(function() {
12     alert("页面加载完毕匿名函数");
13 })

 

posted @ 2019-06-09 18:38  AlphaJunS  阅读(1216)  评论(0)  编辑  收藏  举报