入口函数
1、格式
$(function () {
});
2、window.onload 和 $(function) 区别
* window.onload 只能定义一次,如果定义多次,后边的会将前边的覆盖掉
* $(function)可以定义多次的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
//采用传统的window.onload,只能定义一次,否则后面会覆盖前面
window.onload =function (ev) {
$("#id_btn").click(function () {
alert("传统点击响应")
});
}
//采用JQuery入口函数,可以写多个,而且会逐个执行
$(function () {
$("#id_btn").click(function () {
alert("事件响应1")
})
})
$(function () {
$("#id_btn").click(function () {
alert("事件响应2")
})
})
</script>
</head>
<body>
<div id="id_div1">div1...</div>
<div id="id_div2">div2...</div>
<input type="button" value="点我" id="id_btn">
</body>
</html>