Web前端培訓(xùn)：jQuery中有哪些基礎(chǔ)事件方法?

　　為了方便jQuery事件的學(xué)習(xí)，首先介紹什么是jQuery事件方法。

　　jQuery中事件方法一般與事件名稱相同。例如，單擊事件click，對(duì)應(yīng)的事件方法是click()方法。jQuery中常用的基礎(chǔ)事件方法如下。

　　1.鼠標(biāo)

　　(1)click()方法：?jiǎn)螕羰髽?biāo)左鍵時(shí)觸發(fā)。

　　(2)dbclick()方法：雙擊鼠標(biāo)左鍵時(shí)觸發(fā)。

　　2.鍵盤(pán)

　　(1)keypress()方法：鍵盤(pán)按鍵(Shift、CapsLock等非字符鍵除外)被按下時(shí)觸發(fā)。

　　(2)keydown()方法：鍵盤(pán)按鍵被按下時(shí)觸發(fā)。

　　(3)keyup()方法：鍵盤(pán)按鍵被松開(kāi)時(shí)觸發(fā)。

　　3.焦點(diǎn)

　　(1)onfocus()方法：獲取焦點(diǎn)時(shí)觸發(fā)。

　　(2)onblur()方法：失去焦點(diǎn)時(shí)觸發(fā)。

　　4.改變

　　(1)change()方法：元素的值放生改變時(shí)觸發(fā)。

　　5.其他

　　(1)submit()方法：當(dāng)表單提交時(shí)觸發(fā)。

　　(2)select()方法：當(dāng)文本框(包括input和textarea)中的文本被選中時(shí)觸發(fā)。

　　(3)scroll()：當(dāng)滾動(dòng)條發(fā)生變化時(shí)觸發(fā)。

　　(4)resize()：當(dāng)調(diào)整瀏覽器窗口大小時(shí)觸發(fā)。

　　為了大家更好地理解這些事件方法的使用，下面以click()事件方法為例進(jìn)行演示。示例代碼如下。

$('#btn').click(function() {
    alert('我被單擊了');
});

　　上述代碼中，使用click()方法為id值為btn的元素綁定click事件，click()方法的參數(shù)function便是事件處理函數(shù)。當(dāng)單擊按鈕時(shí)，就會(huì)觸發(fā)單擊事件，執(zhí)行事件處理函數(shù)。

　　另外，為元素綁定事件處理函數(shù)后，還可以手動(dòng)觸發(fā)事件。示例代碼如下。

$('#btn').click();

　　上述代碼中，使用click()方法觸發(fā)元素的click事件，代碼執(zhí)行后，將觸發(fā)id值為btn的元素的click事件。