jQuery快捷事件
虽然我们可以使用事件处理函数完成对象事件的几乎所有操作, 但是jQuery提供了对常用事件的封装. 比如单击事件对应的两个方法click()和click(fn)分别用来触发单击事件和设置单击事件.
设置单击事件:
$("#testDiv").click(function(event) { alert("test div clicked ! "); });等效于:
$("#testDiv").bind("click", function(event) { alert("test div clicked ! "); });触发单击事件:
$("#testDiv").click();等效于
$("#testDiv").trigger("click");注意这里等效的是trigger而不是triggerHandler.
此类方法在jQuery中英文叫做Event Helpers, 我找不到很好的翻译方式, 所以按照功能称其为"快捷方法", 征集好的翻译名称!
下面是jQuery的快捷方法列表:
由于都是都是对应的事件, 所以不再写说明和举例了.
鼠标移动（ fn ） 鼠标移出( fn ) 鼠标悬停( fn ) 提交( ) 提交( fn ) 卸载( fn ) 继续学习||
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>click事件</title>
<style type="text/css">
div{
width:200px;
height:200px;
border:5px solid green;
}
</style>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").text("这是后来添加的内容");
})
$("p").dblclick(function(){
$("button").click();
})
})
</script>
</head>
<body>
<div></div>
<p>双击我触发click事件</p>
<button>点击触发事件</button>
</body>
</html>
- 课程推荐
- 课件下载
课件暂不提供下载，工作人员正在整理中，后期请多关注该课程~
| 名称 | 说明 | 举例 | |
| blur( ) | |||
| blur( fn ) | |||
| change( ) | |||
| change( fn ) | |||
| click( ) | |||
| click( fn ) | |||
| dblclick( ) | |||
| dblclick( fn ) | |||
| error( ) | |||
| error( fn ) | |||
| focus( ) | |||
| focus( fn ) | |||
| keydown( ) | |||
| keydown( fn ) | |||
| 按键( ) | |||
| 按键( fn ) | |||
| keyup( ) | |||
| keyup( fn ) | |||
| 加载( fn ) | |||
| 鼠标按下（ fn ） | |||
| 鼠标输入（ fn ） | |||
| 鼠标离开（ fn ） | |||
| 鼠标向上( fn ) | |||
| 调整大小（ fn ） | |||
| 滚动（fn） | |||
| 选择( ) | |||