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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery页面加载完毕事件及jQuery与JavaScript的比较，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1349字，纯文字阅读大概需要2分钟。

内容图文

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 onl oad="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 })

 

内容总结

以上是互联网集市为您收集整理的jQuery页面加载完毕事件及jQuery与JavaScript的比较全部内容，希望文章能够帮你解决jQuery页面加载完毕事件及jQuery与JavaScript的比较所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/807986.html

来源：【匿名】