JQuery事件绑定
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>事件绑定</title>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
//给b1按钮添加单击事件
/* window.onload=function () {
//1.获取b1按钮
var b1=document.getElementById("b1");
b1.onclick=function () {
alert("1111");
}
}*/
//dom文档加载完成之后执行该函数中的代码
/* $(function () {
$("#b1").click(function () {
alert("456");
})
})*/
/* function fun1() {
alert("abc");
}
window.onload=fun1();*/
$(function () {
alert("789");
})
$(function () {
alert("123");
})
$(function () {
$("#div1").css("backgroundColor","pink");
})
/*
window.onload 和 $(function) 区别
* window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉
* $(function)可以定义多次的。
*/
</script>
</head>
<body>
<div id="div1">div1....</div>
<div id="div2">div2....</div>
<input type="button" value="点我" id="b1">
</body>
</html>