jQuery事件是对JavaScript事件的封装
当用户在文档上移动或单击鼠标时而产生的事件
方法 描述 执行时机 click( ) 触发或将函数绑定到指定元素的click事件 单击鼠标时 mouseover( ) 触发或将函数绑定到指定元素的mouseover事件 鼠标指针移过时 mouseout( ) 触发或将函数绑定到指定元素的mouseout事件 鼠标指针移出时 mouseenter( ) 触发或将函数绑定到指定元素的mouseenter事件 鼠标指针进入时 mouseleave( ) 触发或将函数绑定到指定元素的mouseleave事件 鼠标指针离开时
鼠标事件方法的区别
方法 相同点 不同点
mouseover( ) 鼠标进入被选元素时会触发 鼠标在其被选元素的子元素上来回进入时：
触发mouseover( )
mouseenter( ) 不触发mouseenter( )
mouseout( ) 鼠标离开被选元素时会触发 鼠标在其被选元素的子元素上来回离开时：
触发mouseout( )
mouseleave( ) 不触发mouseleave( )
键盘事件
用户每次按下或者释放键盘上的键时都会产生事件
常用键盘事件
方法 描述 执行时机 keydown( ) 触发或将函数绑定到指定元素的keydown事件 按下键盘时 keyup( ) 触发或将函数绑定到指定元素的keyup事件 释放按键时 keypress( ) 触发或将函数绑定到指定元素的keypress事件 产生可打印的字符时
绑定事件
- 绑定事件使用bind()方法
-
bind(type,[data],fn);
-
- 绑定单个事件
- 同时绑定多个事件
移除事件
unbind([type],[fn]);
复合事件
hover( ) 可以理解为mouseover与mouseout事件的组合
hover(enter,leave);
toggle( ) 不带参数时，相当于show( )和hide( )方法的作用,用于模拟鼠标连续click事件
toggle(fn1,fn2,...,fnN);