jQuery中的事件和动画

jQuery中的事件：

jQuery事件是对JavaScript事件的封装，常用事件分类：

1. 基础事件：①鼠标事件；②键盘事件；③window事件；④表单事件
2. 复合事件：①鼠标光标悬停；②鼠标连续点击

鼠标事件：

鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件

以mouseover( ) 【当鼠标移过菜单时】与mouseout( )【当鼠标移出菜单时】方法为例，实现导航菜单

$(".nav-ul a").mouseover(function(){

       $(this).css("background-color","#f01e28");

【使用mouseover事件使导航项目改变背景颜色】

});

$(".nav-ul a").mouseout(function(){

       $(this).css("background-color","#ff2832");

【使用mouseout事件使导航项目还原背景颜色】

});

键盘事件：

用户每次按下或者释放键盘上的键时都会产生事件，常用键盘事件：

浏览器事件：

语法：$(selector).resize( );

调整窗口大小时，完成页面特效

 

绑定事件：

bind(type,[data],fn);

type：事件类型，主要包括click、mouseover、mouseout等基础事件，此外，还可以是自定义事件

data：可选函数

移除事件：

移除事件使用unbind()方法

语法：unbind([type],[fn])

type：事件类型，主要包括：blur、focus、click、mouseout等基础事件，此外，还可以是自定义事件

fn：处理函数

当unbind()不带参数时，表示移除所绑定的全部事件

 

复合事件：

hover()方法：

hover()方法相当于mouseover与mouseout事件的组合

语法：hover(enter,leave);

toggle()方法：

toggle()方法用于模拟鼠标连续click事件：

语法：toggle(fn1,fn2,...,fnN);