事件绑定
$("#b1").click(function () {
alert("abc");
});
入口函数
$(function () {
});
- window.onload 和 $(function) 区别
window.Onload只能定义一次,多次定义,最后的会把前面的覆盖掉
$(function)可定义多次
样式控制:CSS方法
$("#div1").css("background-color","pink");
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQuery事件绑定</title>
<script src="js/jquery-3.4.1.min.js"></script>
<style>
#div1{
background-color: red;
}
</style>
<script>
window.onload = function(){
$("#b1").click(function () {
alert("abc");
});
}
$(function () {
$("#b1").click(function () {
alert("abc");
})
});
$(function () {
$("#div1").css("background-color","pink");
})
</script>
</head>
<body>
<div id="div1">div1...</div>
<div id="div2">div2...</div>
<input type="button" id="b1" value="按钮1">
</body>
</html>