jQuery中的事件

來源:互聯網
上載者:User

標籤:事件   ucs   mouse   over   產生   事件冒泡   按鍵   asi   dom   

jQuery 事件

 1.ready(fn) 當DOM載入就緒可以查詢及操縱綁定一個要執行的函數。

$(document).ready(function()){

//代碼部分

});

也可以這麼寫

$(function(){

//代碼部分

});

2.on(events,[selector],[data],fn) 在選擇元素上綁定一個或多個事件處理函數

3.off(events,[selector],[data],fn)  在選擇元素上移除一個或多個事件的事件處理函數

off()方法移除用on()綁定的事件處理常式

4.one(type,[data],fn) 為每一個匹配元素的特定事件(像click)綁定一個一次性的事件處理函數。每個對象上,這個事件處理函數只會被執行一次,其他規則與bind()函數相同

5.trigger(type,[data]) 在每一個匹配的元素上觸發某類事件

6.triggerHandler(type,[data]) 這個特別的方法將會觸發指定的事件類型上所有綁定的處理函數。但不會執行瀏覽器預設動作,也不會產生事件冒泡。

7.hover([over,]out)一個模仿懸停事件(滑鼠移動到一個對象上面及移出這個對象)的方法。這是一個自訂的方法,它為頻繁使用的任務提供了一種“保持在其中”的狀態。

over:滑鼠移到元素上要觸發的函數。

out:滑鼠移出元素要觸發的函數。

8.toggle([speed],[easing],[fn]) 用於綁定兩個或多個事件處理函數,以響應被選元素的輪流的Click事件。如果元素是可見的,切換為隱藏的;如果元素是隱藏的,切換為可見的。

9.blur([[data],fn]) 當元素失去焦點時觸發blur事件。

10.change([data],fn]) 當元素的值發生改變時,會發生change事件。該事件僅適用於文本域(text filed),以及textarea 和 select元素。

11.click([[data],fn]) 觸發每一個匹配元素的click事件。這個函數會調用執行綁定到click事件的所有函數。

12.dblclick([[data],fn]) 當雙擊元素時,會發生dblclick事件。

13.error([[data],fn]) 當元素遇到錯誤(沒有正確載入)時,發生error事件。

14.foucs([[data],fn]) 當元素獲得焦點時,觸發focus事件。

15.foucsin([data],fn) 當元素獲得焦點時,觸發focus事件。focusin事件跟focus事件區別在於,他可以在父元素上檢測子項目擷取焦點的情況。

16.foucsout([data],fn) 當元素失去焦點時觸發focusout 事件。focusout事件跟blur事件區別在於,他可以在父元素上檢測子項目失去焦點的情況。

17.keydown([data],fn]) 當鍵盤或按鈕被按下時,發生keydown事件。

18.keyup([[data],fn])當按鈕被鬆開時,發生keyup事件。它發生在當前獲得焦點的元素上

19.mouseenter([[data],fn]) 當滑鼠指標穿過元素,會發生mouseenter 事件。該事件大多數時候與mouseleave事件一起使用。

20.mousedown([[data],fn]) 當滑鼠指標移動到元素上方,並按下滑鼠按鍵時,會發生mousedown事件。

 

 

                                     

 

jQuery中的事件

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.