更新时间: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事件。
【AI设计】北京143期毕业仅36天,全员拿下高薪offer!黑马AI设计连续6期100%高薪就业
2025-09-19【跨境电商运营】深圳跨境电商运营毕业22个工作日,就业率91%+,最高薪资达13500元
2025-09-19【AI运维】郑州运维1期就业班,毕业14个工作日,班级93%同学已拿到Offer, 一线均薪资 1W+
2025-09-19【AI鸿蒙开发】上海校区AI鸿蒙开发4期5期,距离毕业21天,就业率91%,平均薪资14046元
2025-09-19【AI大模型开发-Python】毕业33个工作日,就业率已达到94.55%,班均薪资20763元
2025-09-19【AI智能应用开发-Java】毕业5个工作日就业率98.18%,最高薪资 17.5k*13薪,全班平均薪资9244元
2025-09-19