从这一节开始,我们正式开始实际操作 jQuery 中的各种事件。事件操作是 jQuery 核心之一,也是本套教程的重中之重。
在 jQuery 中,常见的鼠标事件如表 1 所示。
事件 | 说明 |
---|---|
click |
鼠标单击事件 |
mouseover | 鼠标(指针)移入事件 |
mouseout | 鼠标(指针)移出事件 |
mousedown | 鼠标按下事件 |
mouseup | 鼠标松开事件 |
mousemove | 鼠标移动事件 |
鼠标事件非常多,这里我们只列出最实用的,以免增加大家的记忆负担。从上表可以看出,jQuery 事件比 JavaScript 事件只是少了“on”这个前缀。例如鼠标单击事件在 JavaScript 中是 onclick,而在 jQuery 中是 click。
jQuery 事件的语法很简单,我们都是往事件方法中插入一个匿名函数 function(){},如图 1 所示。