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