Version: Next
事件绑定、入口函数、样式控制
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>对象转换</title>
<!-- 引入JQuery-->
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
//入口函数
$(function () {
//给btn1添加单击事件
//获取按钮
$("#btn1").click(function () {
// alert("abc");
});
//让div1的背景色变为红色
// $("#div1").css("background-color", "red");
$("#div1").css("backgroundColor","red");
})
/*
* window.onload和 $(function)的区别
* window.onlaod只能定义一次
* */
</script>
</head>
<body>
<div id="div1">div1...</div>
<div id="div2">div2...</div>
<input type="button" id="btn1" value="点我">
</body>
</html>