jQuery中的事件

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

基础事件

 window事件 （比如：ready()文档就绪事件）

鼠标事件  

键盘事件  

表单事件

 复合事件是多个事件的组合  

鼠标光标悬停

 鼠标连续点击

1.鼠标事件

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

  addClass("类名") 给元素添加class属性并等于参数的值

  removeClass("类名") 删除元素等于指定值的class属性

 2.键盘事件

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

 3.表单事件

当元素获得焦点时，会触发focus事件，失去焦点时，会触发blur事件，详见下表： 

 4.绑定事件

除了使用事件名绑定事件外，还可以使用bind()方法 

绑定单个事件：

语法：

 $(“选择器”).bind(“事件类型”，处理函数);

绑定多个事件:

语法：

$(“选择器”).bind({“事件类型”：处理函数，“事件类型”：处理函数});

5.移除事件

 移除事件使用unbind()方法，其语法如下:

unbind([type],[fn]) 

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

6.复合事件

鼠标光标悬停事件

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

语法：

$(“选择器”).hover(光标移入时触发函数 , 光标移出时触发函数 );

鼠标连续click事件

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

语法：

$("body").toggle(第一次点击触发函数,第二次函数,第三次函数);