一、jQuery事件的分类

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

1、基础事件

1. window事件。
2. 鼠标事件。
3. 键盘事件。
4. 表单事件。

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

1. 鼠标光标悬停。
2. 鼠标连续点击。

二、鼠标事件

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

三、键盘事件

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

四、表单事件

当元素获得焦点时，会触发focus()事件，失去焦点时，会触发blur()事件。

表单提交时会触发submit()事件。

五、综合示例

需求说明：

1、用户名输入框获得焦点时输入框背景色为浅蓝色，失去焦点时还原为白色背景色。

2、鼠标移至登录按钮时字体变粗，移出时整体恢复正常。

3、敲击键盘的“回车”键时触发表单提交事件。

代码：

    
         
         
                    
                   
                
     
        
      
          
       
用户登录
          
       
              用户名：                        
          
       
              密码：                        
          
       
              验证码：                            换一张          
          
       
                            注册|忘记密码？          
        
      
      
     

 

效果：