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

时间:2023-03-08 17:31:08
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”

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