jQuery快速事件
雖然我們可以使用事件處理函數(shù)完成物件事件的幾乎所有操作, 但是jQuery提供了對常用事件的封裝. 例如點(diǎn)擊事件對應(yīng)的兩個(gè)方法click()和click(fn)分別用來觸發(fā)單擊事件和設(shè)定點(diǎn)擊事件.
設(shè)定點(diǎn)擊事件:
$("#testDiv").click(function(event) { alert("test div clicked ! "); });
等效於:##
$("#testDiv").bind("click", function(event) { alert("test div clicked ! "); });
觸發(fā)點(diǎn)擊事件:
$("#testDiv").click();
等效於
$("#testDiv").trigger("click");注意這裡等效的是trigger而不是triggerHandler.#這類方法在jQuery中英文叫做Event Helpers, 我找不到很好的翻譯方式, 所以按照功能稱其為"快捷方法",? 徵集好的翻譯名稱!
下面是jQuery的快捷方法列表:
由於都是對應(yīng)的事件, 所以不再寫說明和舉例了.名稱 | 說明 | 範(fàn)例 |
#blur( ) | ||
? | ||
##? | ? | |
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 )#?? | ?#? | |
#調(diào)整大?。╢n ) | ||
scroll( fn )#??############選擇( )############ #? | ||
## ######### ## #提交( fn ) | ? | |
## 卸載( fn ) | ||
繼續(xù)學(xué)習(xí)
||
<!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("這是后來添加的內(nèi)容");
})
$("p").dblclick(function(){
$("button").click();
})
})
</script>
</head>
<body>
<div></div>
<p>雙擊我觸發(fā)click事件</p>
<button>點(diǎn)擊觸發(fā)事件</button>
</body>
</html>
課件暫不提供下載,工作人員正在整理中,後期請多關(guān)注該課程~
看過本課程的同學(xué)也在學(xué)習(xí)
|