jQuery可以给dom对象添加事件 在程序执行期间动态的处理事件
jQuery如何绑定事件呢？
1. $("选择器").事件名称(事件处理函数)
$("选择器") ： 选择0或者多个dom对象 给他们添加事件
事件名称：就是js中事件名称去掉on的部分 比如单击事件onclick 在jQuery就是click
事件处理函数：就是js中的事件处理函数
注意 ：因为html文件的执行顺序是从上到下的，所以，如果script标签写body元素上面，直接获取元素绑定是不行的，因为那时候dom还没有加载完成，无法获得元素，不过可以使用$(function{})在其中写入绑定事件，就可以顺利执行，因为$(function{})是页面加载完成以后调用的，相当于onload操作。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript">
//不生效 因为dom对象还没有加载完成 所以找不到dom对象
// $("#btn").click(function () {
// alert("我单机了按钮");
// });
$(function () {
//页面加载完成之后执行 相当于onload事件
$("#btn").click(function () {
alert("我单机了按钮");
});
});
</script>
<style type="text/css">
div {
background-color: gray;
}
</style>
</head>
<body>
<div id="one">我是div0</div>
<div id="two">我是div1</div>
<div id="">
我是div2
<div>我是div3</div>
<div>我是div4</div>
</div>
<div>我是div5</div>
<br />
<br />
<span>我是span</span>
<br />
<br />
<input type="button" id="btn" value="绑定事件" /><br />
</body>
<script type="text/javascript">
/*
jQuery可以给dom对象添加事件 在程序执行期间动态的处理事件
1. $("选择器").事件名称(事件处理函数)
$("选择器") ： 选择0或者多个dom对象 给他们添加事件
事件名称：就是js中事件名称去掉on的部分 比如单击事件onclick 在jQuery就是click
事件处理函数：就是js中的事件处理函数
*/
//绑定事件
// $("#btn").click(function () {
// alert("我单机了按钮");
// });
</script>
</html>
