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("页面加载完毕匿名函数");
})