首页常见问题正文

Web前端培训:jQuery中有哪些基础事件方法?

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

IT培训班

  为了方便jQuery事件的学习,首先介绍什么是jQuery事件方法。

  jQuery中事件方法一般与事件名称相同。例如,单击事件click,对应的事件方法是click()方法。jQuery中常用的基础事件方法如下。

  1.鼠标

  (1)click()方法:单击鼠标左键时触发。

  (2)dbclick()方法:双击鼠标左键时触发。

  2.键盘

  (1)keypress()方法:键盘按键(Shift、CapsLock等非字符键除外)被按下时触发。

  (2)keydown()方法:键盘按键被按下时触发。

  (3)keyup()方法:键盘按键被松开时触发。

  3.焦点

  (1)onfocus()方法:获取焦点时触发。

  (2)onblur()方法:失去焦点时触发。

  4.改变

  (1)change()方法:元素的值放生改变时触发。

  5.其他

  (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事件。

分享到:
在线咨询 我要报名
和我们在线交谈!