更新時間:2022-11-15 來源:黑馬程序員 瀏覽量:
為了方便jQuery事件的學習,首先介紹什么是jQuery事件方法。
jQuery中事件方法一般與事件名稱相同。例如,單擊事件click,對應的事件方法是click()方法。jQuery中常用的基礎事件方法如下。
(1)click()方法:單擊鼠標左鍵時觸發(fā)。
(2)dbclick()方法:雙擊鼠標左鍵時觸發(fā)。
(1)keypress()方法:鍵盤按鍵(Shift、CapsLock等非字符鍵除外)被按下時觸發(fā)。
(2)keydown()方法:鍵盤按鍵被按下時觸發(fā)。
(3)keyup()方法:鍵盤按鍵被松開時觸發(fā)。
(1)onfocus()方法:獲取焦點時觸發(fā)。
(2)onblur()方法:失去焦點時觸發(fā)。
(1)change()方法:元素的值放生改變時觸發(fā)。
(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事件。
【AI設計】北京143期畢業(yè)僅36天,全員拿下高薪offer!黑馬AI設計連續(xù)6期100%高薪就業(yè)
2025-09-19【跨境電商運營】深圳跨境電商運營畢業(yè)22個工作日,就業(yè)率91%+,最高薪資達13500元
2025-09-19【AI運維】鄭州運維1期就業(yè)班,畢業(yè)14個工作日,班級93%同學已拿到Offer, 一線均薪資 1W+
2025-09-19【AI鴻蒙開發(fā)】上海校區(qū)AI鴻蒙開發(fā)4期5期,距離畢業(yè)21天,就業(yè)率91%,平均薪資14046元
2025-09-19【AI大模型開發(fā)-Python】畢業(yè)33個工作日,就業(yè)率已達到94.55%,班均薪資20763元
2025-09-19【AI智能應用開發(fā)-Java】畢業(yè)當天offer率91%,薪資1W+占比54.2%,班級均薪12k+
2025-09-19