DIV CSS 佈局教程網

jQuery封裝了JavaScript中所有的事件，使得其操作更加簡單方便，並且使得這些事件能夠兼容各大浏覽器，減少我們大量代碼的編寫。

一、頁面載入事件

在jQuery中，對於頁面載入事件，我們使用$(document).ready()方法來替代JavaScript中的window.onload方法。

語法：

 
$(function(){
    //代碼部分
})

二、鼠標事件

鼠標事件，指的是操作鼠標時觸發的事件。jQuery常見鼠標事件如下：

jQuery鼠標事件 鼠標事件 說明 click 鼠標單擊事件 dbclick 雙擊事件 mouseover 移入事件 mouseout 移出事件 mousemove 移動事件 mousedown 按下事件 mouseup 松開事件

三、鍵盤事件

在jQuery中，鍵盤事件只有3個：

jQuery鍵盤事件 鍵盤事件 說明 keydown 按下鍵事件（包括數字鍵、功能鍵） keypress 按下鍵事件（只包含數字鍵） keyup 放開鍵事件（包括數字鍵、功能鍵）

三個事件的執行順序如下：keydown → keypress → keyup。

四、表單事件

在jQuery中，常用的表單事件有4種：

jQuery表單事件 表單事件 說明 focus() 獲取焦點 blur() 失去焦點 change() 改變事件 select() 選擇事件

五、滾動事件

滾動事件，指的是當滾動條位置發生改變時觸發的事件。

語法：

 
$().scroll(fn)

說明：

參數fn表示事件處理函數，也就是function(){}。

scroll()滾動事件常常和scrollTop()和scrollLeft()這兩個方法結合使用。

六、綁定事件

在jQuery中，我們除了使用“基本事件”的方式來為元素添加事件之外，還可以使用“綁定事件”的方式為元素添加事件。在jQuery中，我們可以使用on()方法為某些元素綁定一個事件或者多個事件。

語法：

 
$().on(type , fn)

說明：

type為必選參數，表示事件類型，例如單擊事件是“click”，雙擊事件是“dbclick”，以此類推。注意一下，這裡type是一個字符串。

fn為必選參數，表示事件的處理函數。

在jQuery中，on()方法不僅可以為“已經存在的元素”添加綁定事件，還可以為“未來創建的元素”添加綁定事件。

七、解綁事件

在jQuery中，我們可以通過off()方法解除綁定的某一指定的事件或者所有事件。

語法：

 
$().off(type)

說明：

type為必選參數，表示事件類型，例如單擊事件是“click”，雙擊事件是“dbclick”，以此類推。

八、合成事件

在jQuery中，我們可以使用hover()方法一次性地定義“鼠標移入”和“鼠標移出”這2個事件，這就是所謂的合成事件。

語法：

 
$().hover(fn1,fn2);

說明：

參數fn1表示“鼠標移入”時觸發的事件處理函數，參數fn2表示“鼠標移出”時觸發的事件處理函數。

九、一次事件

在jQuery中，我們可以使用one()方法為所選元素綁定一個“只觸發一次”的處理函數。

語法：

 
$().one(type , fn)

說明：

type表示事件類型，例如單擊事件是“click”，雙擊事件是“dbclick”，以此類推。這裡的type是一個字符串。

fn表示事件的處理函數。

【後話】：這一章我們只是給大家講解jQuery中最常用的事件。其實在jQuery中，除了這些事件之外，還有load()、unload()、trigger()、error()等事件。不過對於初學者，我們只需要認真掌握這一章的事件操作，就已經可以讓我們走得很遠了。