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 ) 下一节

新建文件

<!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）
选择( )