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 })