JQuery教程：jQuery事件

社會的發(fā)展，科技的進步，人們生活水平提高，工作和生活中越來越離不開電腦，電腦是由軟件、系統(tǒng)、程序等組成，如果想要更好的去使用電腦，那么我們應(yīng)該去學(xué)習(xí)這些知識，今天小編就帶領(lǐng)大家學(xué)習(xí)jQuery的相關(guān)教程。

jQuery 是為事件處理特別設(shè)計的。

什么是事件？

頁面對不同訪問者的響應(yīng)叫做事件。

事件處理程序指的是當(dāng) HTML 中發(fā)生某些事件時所調(diào)用的方法。

實例：

在元素上移動鼠標(biāo)。

選取單選按鈕

點擊元素

在事件中經(jīng)常使用術(shù)語"觸發(fā)"（或"激發(fā)"）例如： "當(dāng)您按下按鍵時觸發(fā) keypress 事件"。

常見 DOM 事件：

JQuery教程：jQuery事件圖1

jQuery 事件方法語法

在 jQuery 中，大多數(shù) DOM 事件都有一個等效的 jQuery 方法。

頁面中指定一個點擊事件：

JQuery教程：jQuery事件圖2

下一步是定義什么時間觸發(fā)事件。您可以通過一個事件函數(shù)實現(xiàn)：

JQuery教程：jQuery事件圖3

常用的 jQuery 事件方法

$(document).ready()

$(document).ready() 方法允許我們在文檔完全加載完后執(zhí)行函數(shù)。該事件方法在 jQuery 語法 章節(jié)中已經(jīng)提到過。

click()

click() 方法是當(dāng)按鈕點擊事件被觸發(fā)時會調(diào)用一個函數(shù)。

該函數(shù)在用戶點擊 HTML 元素時執(zhí)行。

在下面的實例中，當(dāng)點擊事件在某個 <p> 元素上觸發(fā)時，隱藏當(dāng)前的 <p> 元素：

JQuery教程：jQuery事件圖4

dblclick()

當(dāng)雙擊元素時，會發(fā)生 dblclick 事件。

dblclick() 方法觸發(fā) dblclick 事件，或規(guī)定當(dāng)發(fā)生 dblclick 事件時運行的函數(shù)：

JQuery教程：jQuery事件圖5

mouseenter()

當(dāng)鼠標(biāo)指針穿過元素時，會發(fā)生 mouseenter 事件。

mouseenter() 方法觸發(fā) mouseenter 事件，或規(guī)定當(dāng)發(fā)生 mouseenter 事件時運行的函數(shù)：

JQuery教程：jQuery事件圖6

mouseleave()

當(dāng)鼠標(biāo)指針離開元素時，會發(fā)生 mouseleave 事件。

mouseleave() 方法觸發(fā) mouseleave 事件，或規(guī)定當(dāng)發(fā)生 mouseleave 事件時運行的函數(shù)：

JQuery教程：jQuery事件圖7

mousedown()

當(dāng)鼠標(biāo)指針移動到元素上方，并按下鼠標(biāo)按鍵時，會發(fā)生 mousedown 事件。

mousedown() 方法觸發(fā) mousedown 事件，或規(guī)定當(dāng)發(fā)生 mousedown 事件時運行的函數(shù)：

JQuery教程：jQuery事件圖8

mouseup()

當(dāng)在元素上松開鼠標(biāo)按鈕時，會發(fā)生 mouseup 事件。

mouseup() 方法觸發(fā) mouseup 事件，或規(guī)定當(dāng)發(fā)生 mouseup 事件時運行的函數(shù)：

12下一頁>