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 () {
/*下面这种写法是错误的*/
/* $("#b1").click(){
alert("点击过来");
}*/
/*需要在click里面写我们的fun*/
/* $("#b1").click(function () {
alert("点击过来");
})*/
}
$(function () {
/*页面加载完成后执行里面的内容*/
$("#div1").css("backgroundColor","pink");
$("#b1").click(function () {
alert("点击过快");
})
})
//jquery入口函数(dom文档加载完成之后执行该函数中的代码)
function f1() {
$("#div1").html("div1我的值改变了")
}
function f2() {
$("#div2").html("div2获取到了")
}
window.onload=f1;
window.onload=f2;
$(function () {
f1();
})
$(function () {
f2();
})
</script>
</head>
<body>
<div id="div1">div1....</div>
<div id="div2">div2....</div>
<input type="button" value="点我" id="b1">
<!-- 总结-->
<!--1.window.onload事件只能调用一次,多次调用,后面的会覆盖前面的
2.$(function(){
})可以多次调用
-->
</body>
</html>