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

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

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

　　1.鼠標

　　(1)click()方法：單擊鼠標左鍵時觸發(fā)。

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

　　2.鍵盤

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

　　(2)keydown()方法：鍵盤按鍵被按下時觸發(fā)。

　　(3)keyup()方法：鍵盤按鍵被松開時觸發(fā)。

　　3.焦點

　　(1)onfocus()方法：獲取焦點時觸發(fā)。

　　(2)onblur()方法：失去焦點時觸發(fā)。

　　4.改變

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

　　5.其他

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

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

　　(3)scroll()：當滾動條發(fā)生變化時觸發(fā)。

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

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

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

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

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

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

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