学习要点
- jQuery中的事件
- jQuery中的动画
网页中的事件
- 网页中的事件是实现和用户交互的基础。
- 例如tab页切换效果，可以通过鼠标点击事件来实现。
jQuery中的事件
jQuery事件是对JavaScript事件的封装，常用事件分类如下：
基础事件
- window事件
- 鼠标事件
- 键盘事件
- 表单事件
复合事件是多个事件的组合
- 鼠标光标悬停
- 鼠标连续点击
鼠标事件
鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件，常用鼠标事件有：
以mouseover()为例，实现鼠标移过时特效：
键盘事件
用户每次按下或者释放键盘上的键时都会产生事件，常用键盘事件有：
以keydown ()为例，实现按键时特效：
表单事件
当元素获得焦点时，会触发focus事件，失去焦点时，会触发blur事件，详见下表：
以focus ()为例，实现获得焦点时特效：
绑定事件
除了使用事件名绑定事件外，还可以使用bind()方法：
绑定多个事件
bind()方法还可以同时为多个事件绑定方法。
移除事件
移除事件使用unbind()方法，其语法如下：
当unbind()不带参数时，表示移除所绑定的全部事件。
鼠标光标悬停事件
hover()方法相当于mouseover与mouseout事件的组合：
鼠标连续click事件
toggle()方法用于模拟鼠标连续click事件（1.9以上版本此方法删除）：
jQuery动画效果
jQuery提供了很多动画效果，如：
- 控制元素显示与隐藏
- 控制元素淡入淡出
- 改变元素高度
显示及隐藏元素
- show() 在显示元素时，能定义显示元素时的效果，如显示速度
- 显示速度可以取如下值：毫秒（如1000）、slow、normal、fast
切换元素可见状态
toggle()除了可以模拟鼠标的连续单击事件外，还能用于切换元素的可见状态。
淡入淡出效果
fadeIn()和fadeOut()可以通过改变元素的透明度实现淡入淡出效果。
改变元素的高度
slideDown() 可以使元素逐步延伸显示，slideUp()则使元素逐步缩短直至隐藏。
总结
鼠标事件：click、mouseover、mouseout
键盘事件：keydown、 keyup、 keypress
表单事件：focus、 blur
复合事件：hover、 toggle
动画：show()、hide()、 toggle()、 fadeIn()、 fadeOut()、 slideUp()、 slideDown()
具体事件查看jQuery 文档。
原文地址：https://www.cnblogs.com/rask/p/12402120.html