jQuery事件
- jQuery事件:
- 常用事件方法
- 绑定事件
- 解除绑定事件
- 事件的目标
- 事件的冒泡
- 自定义事件
例子
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-3.1.1.min.js"></script>
<script src="2.js"></script>
</head>
<body>
<button>Click me</button>
</body>
</html>
单击会消失
$(document).ready(function(){
$("button").click(function(){
$(this).hide();
});
});
双击会消失
$(document).ready(function(){
$("button").dblclick(function(){
$(this).hide();
});
});
当鼠标移动到按钮上会消失
$(document).ready(function(){
$("button").mouseenter(function(){
$(this).hide();
});
});
当鼠标移开按钮会消失
$(document).ready(function(){
$("button").mouseleave(function(){
$(this).hide();
});
});