jQuery---jQuery中的事件与动画

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);