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 ）##keyup( )# #keyup( fn )### # # select( fn )# ## ＃＃＃＃＃＃＃＃＃ ＃＃ #提交（ fn ） ## 卸載（ fn ）| 名稱 | 說明 | 範例 |
| #blur( ) | ||
| ' ##blur( fn )# | ||
| change( ) | ||
| #change( fn )### | # | |
| click( ) | ||
| #click( fn )### ###### ################## dblclick( )############ ###### ##################dblclick( fn )####### ##### ###### ###################error( )############ ######## ##################error( fn )############# ##### ################################################### ########focus( )############ ####### ##################focus( fn )############ ###### ##################keydown( )################################################################# ## ###### ##################keydown( fn )###＃＃＃＃＃＃＃＃＃＃按鍵（ ）＃＃＃＃＃＃＃＃＃ | ||
| ## | ||
| #load( fn )# | ||
| #mousedown( fn )### | ## | |
| mouseenter( fn ) ## | ||
| mouseleave( fn )# | ||
| mousemove( fn )# | ||
| ##滑鼠移出( fn )# | ||
| ##滑鼠懸停( fn )# | ||
| 滑鼠懸停( fn )# | ||
| #調整大小（fn ） | ||
| scroll( 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>
課件暫不提供下載，工作人員正在整理中，後期請多關注該課程~
|
