jQuery事件

基础事件：
    鼠标事件
    键盘事件
    window窗口事件
    表单事件
复合事件：
    鼠标光标悬停
    鼠标连续点击

鼠标事件

方法	描述	执行时机
click()	触发或将函数绑定到指定元素的click事件	单击鼠标
movseover	触发或将函数绑定到指定元素的movseover事件	鼠标指针移过时
movseout	触发或将函数绑定到指定元素的movseout事件	鼠标指针移出时
movseenter	触发或将函数绑定到指定元素的movseenter事件	鼠标指针进入时
movseleave	触发或将函数绑定到指定元素的movseleave事件	鼠标指针离开时

鼠标事件方法的区别

方法	相同点	不同点
mouseover()	鼠标进入备选元素时触发	鼠标在其备选元素的子元素上来回进入是触发mouseover(),不触发mouseenter()
mouseenter()
mouseout()	鼠标离开备选元素时触发	鼠标在其备选元素的子元素上来回离开是触发mouseout(),不触发mouseleave()
mouseleave()

键盘事件

属性键值码：  .keyCode            .enter==>

名称	描述	执行时机
keyDown()	触发或将函数绑定到指定元素的keydown事件	键盘按下时
keyUp()	触发或将函数绑定到指定元素的keyup事件	键盘弹起时
keypress()	触发或将函数绑定到指定元素的keypress事件	产生可打印字符时

复合事件

1. hover()方法   toggle()方法

hover方法

1. hover()方法相当于mouseover和mouseout事件的组合
   ​
   语法：
       .hover(fnover,fnout);
   ​
   示例：略

toggle方法

1. 语法：
       .toggle(fn1,fn2,fn3,fn... )             //已废弃
       用于模拟鼠标连续点击事件
       
   概述：
       用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。
       如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
       无参的toggle方法：相当于hide()和show()
   ​
   切换样式：
       .toggleClass("className")
       如果元素样式有该样式，切换时移除样式，如果元素样式没有该样式，切换时添加样式
   ​
   注意：1.9版本 .toggle(function, function, … ) 方法删除,jQuery Migrate（迁移）插件可以恢复此功能。
   ​

toggle()小结

1.     toggle()和toggleClass()总结
       toggle(fn,fn2,fn...):实现单击事件的切换，不需要绑定额外的click事件
       toggle():实现事件触发对象在显示和隐藏之间的状态切换
       toggleClass(“className”):实现事件触发对象在加载某个样式和移除样式之间切换

窗口事件

方法：调整窗口大小时      $(window).resize();
属性：
        浏览器宽度：.window.innerWidth
        浏览器高度：.window.innerHeight

#