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

最新推荐文章于 2022-08-23 15:10:19 发布

weixin_30636089

最新推荐文章于 2022-08-23 15:10:19 发布

阅读量90

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/alphajuns/p/10994339.html

版权

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 οnlοad="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 })

转载于:https://www.cnblogs.com/alphajuns/p/10994339.html

weixin_30636089

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery页面加载完毕事件及jQuery与JavaScript的比较

1、jQuery概述　　jQuery是一个JavaScript库，它集成了JavaScript、DOM、CSS和Ajax，简化了JavaScript编程，提倡write less， do more。2、jQuery与JavaScript的区别jQuery加载比JavaScript快，jQuery在DOM绘制完毕加载，JavaScript会在页面所有元素加载完毕才开始加载jQue...
复制链接

扫一扫