jQuery的事件处理
1.页面载入事件
$(document).ready() -- onload
2.事件绑定（bind）
bind(type,[data],fn)
- type：表示事件类型（click、mouseover、mouseout…）
- [data]：可选参数，表示传递给事件对象的额外数据
- fn：是一个函数，（事件处理函数），当事件发生时执行的函数。
<body>
<button id="btn">确定</button>
</body>
<script>
$(function(){
$("#btn").bind("click",function(){
alert("事件绑定");
})
})
</script>
3.反绑定事件（unbind）
unbind([type],[data]):删除绑定的事件
- 不带参数：删除元素上绑定的所有事件
- 带参数：[type]表示事件类型
4.一次性绑定事件（one）
一次性绑定事件（one）：绑定的事件只能执行一次
<body>
<img src="https://blog.csdn.net/weixin_62343228/images/p1.jpg" alt="" width="300" height="180">
</body>
<script>
$(function(){
//通过鼠标的悬停、离开事件改变img的图像
$("img").bind("mouseover",function(){
$("img").attr({
src:"../../images/p2.jpg", //this表示的是当前img
})
})
// $("img").bind("mouseout",function(){
// $(this).attr({
// src:"https://blog.csdn.net/weixin_62343228/images/p1.jpg",
// })
// })
// $("img").unbind("mouseout");
$("img").one("mouseout",function(){
$(this).attr({
src:"https://blog.csdn.net/weixin_62343228/images/p1.jpg",
})
})
})
</script>
5.模拟鼠标悬停（hover）
<body>
<div style="width: 200px; height: 200px;