更新时间:2022-11-15 来源:黑马程序员 浏览量:

为了方便jQuery事件的学习,首先介绍什么是jQuery事件方法。
jQuery中事件方法一般与事件名称相同。例如,单击事件click,对应的事件方法是click()方法。jQuery中常用的基础事件方法如下。
(1)click()方法:单击鼠标左键时触发。
(2)dbclick()方法:双击鼠标左键时触发。
(1)keypress()方法:键盘按键(Shift、CapsLock等非字符键除外)被按下时触发。
(2)keydown()方法:键盘按键被按下时触发。
(3)keyup()方法:键盘按键被松开时触发。
(1)onfocus()方法:获取焦点时触发。
(2)onblur()方法:失去焦点时触发。
(1)change()方法:元素的值放生改变时触发。
(1)submit()方法:当表单提交时触发。
(2)select()方法:当文本框(包括input和textarea)中的文本被选中时触发。
(3)scroll():当滚动条发生变化时触发。
(4)resize():当调整浏览器窗口大小时触发。
为了大家更好地理解这些事件方法的使用,下面以click()事件方法为例进行演示。示例代码如下。
$('#btn').click(function() {
alert('我被单击了');
});上述代码中,使用click()方法为id值为btn的元素绑定click事件,click()方法的参数function便是事件处理函数。当单击按钮时,就会触发单击事件,执行事件处理函数。
另外,为元素绑定事件处理函数后,还可以手动触发事件。示例代码如下。
$('#btn').click();上述代码中,使用click()方法触发元素的click事件,代码执行后,将触发id值为btn的元素的click事件。
毕业16个工作日,平均薪资13180元,就业率100%,广州黑马AI智能应用开发(Java)学科20250529班
2026-03-06毕业32个工作日,平均薪资11147元,就业率95%,广州黑马AI智能应用开发(Java)学科20250326班
2026-03-05黑马程序员2025全国就业数据发布:全学科平均就业率92.07%,AI开发类就业平均薪资达11869.67元。
2026-03-05黑马全国校区齐开班!场面太太太壮观了!
2026-03-03AI智能应用开发课程紧贴企业刚需,全程高效学习,直达中高级软件开发水平
2026-02-28风口正劲!黑马程序员又一AI智能应用开发班毕业当天100%就业!
2026-02-27