首页 > 编程笔记 > JavaScript笔记 > jQuery事件

jQuery常用鼠标事件汇总

从这一节开始,我们正式开始实际操作 jQuery 中的各种事件。事件操作是 jQuery 核心之一,也是本套教程的重中之重。

在 jQuery 中,常见的鼠标事件如表 1 所示。
表 1:鼠标事件
事件 说明
click
鼠标单击事件
mouseover 鼠标(指针)移入事件
mouseout 鼠标(指针)移出事件
mousedown 鼠标按下事件
mouseup 鼠标松开事件
mousemove 鼠标移动事件

鼠标事件非常多,这里我们只列出最实用的,以免增加大家的记忆负担。从上表可以看出,jQuery 事件比 JavaScript 事件只是少了“on”这个前缀。例如鼠标单击事件在 JavaScript 中是 onclick,而在 jQuery 中是 click。

jQuery 事件的语法很简单,我们都是往事件方法中插入一个匿名函数 function(){},如图 1 所示。
插入函数function(){}
图 1:插入函数 function(){}

所有教程

优秀文章