時間:2019-08-21 10:41:05 作者:johnnyl 瀏覽量:96
社會的發展,科技的進步,人們生活水平提高,工作和生活中越來越離不開電腦,電腦是由軟件、系統、程序等組成,如果想要更好的去使用電腦,那么我們應該去學習這些知識,今天小編就帶領大家學習jQuery的相關教程。
jQuery 是為事件處理特別設計的。
什么是事件?
頁面對不同訪問者的響應叫做事件。
事件處理程序指的是當 HTML 中發生某些事件時所調用的方法。
實例:
在元素上移動鼠標。
選取單選按鈕
點擊元素
在事件中經常使用術語"觸發"(或"激發")例如: "當您按下按鍵時觸發 keypress 事件"。
常見 DOM 事件:

JQuery教程:jQuery事件圖1
jQuery 事件方法語法
在 jQuery 中,大多數 DOM 事件都有一個等效的 jQuery 方法。
頁面中指定一個點擊事件:

JQuery教程:jQuery事件圖2
下一步是定義什么時間觸發事件。您可以通過一個事件函數實現:

JQuery教程:jQuery事件圖3
常用的 jQuery 事件方法
$(document).ready()
$(document).ready() 方法允許我們在文檔完全加載完后執行函數。該事件方法在 jQuery 語法 章節中已經提到過。
click()
click() 方法是當按鈕點擊事件被觸發時會調用一個函數。
該函數在用戶點擊 HTML 元素時執行。
在下面的實例中,當點擊事件在某個 <p> 元素上觸發時,隱藏當前的 <p> 元素:

JQuery教程:jQuery事件圖4
dblclick()
當雙擊元素時,會發生 dblclick 事件。
dblclick() 方法觸發 dblclick 事件,或規定當發生 dblclick 事件時運行的函數:

JQuery教程:jQuery事件圖5
mouseenter()
當鼠標指針穿過元素時,會發生 mouseenter 事件。
mouseenter() 方法觸發 mouseenter 事件,或規定當發生 mouseenter 事件時運行的函數:

JQuery教程:jQuery事件圖6
mouseleave()
當鼠標指針離開元素時,會發生 mouseleave 事件。
mouseleave() 方法觸發 mouseleave 事件,或規定當發生 mouseleave 事件時運行的函數:

JQuery教程:jQuery事件圖7
mousedown()
當鼠標指針移動到元素上方,并按下鼠標按鍵時,會發生 mousedown 事件。
mousedown() 方法觸發 mousedown 事件,或規定當發生 mousedown 事件時運行的函數:

JQuery教程:jQuery事件圖8
mouseup()
當在元素上松開鼠標按鈕時,會發生 mouseup 事件。
mouseup() 方法觸發 mouseup 事件,或規定當發生 mouseup 事件時運行的函數:
