jQuery-事件与动画

jQuery事件是对JavaScript事件的封装，常用事件分类
基础事件
鼠标事件
键盘事件
window事件
表单事件
复合事件
鼠标光标悬停
鼠标连续点击

click( )：触发或将函数绑定到指定元素的click事件：单击鼠标时
mouseover( )：触发或将函数绑定到指定元素的mouseover事件：鼠标指针移过时
mouseout( )：触发或将函数绑定到指定元素的mouseout事件：鼠标指针移出时
mouseenter( )：触发或将函数绑定到指定元素的mouseenter事件：鼠标指针进入时
mouseleave( )：触发或将函数绑定到指定元素的mouseleave事件：鼠标指针离开时

mouseover( )
和mouseenter( )
：
相同点：鼠标进入被选元素时会触发

不同点：鼠标在其被选元素的子元素上来回进入时：
mouseover( )触发mouseover( )、mouseenter( )
：
不触发mouseenter

mouseout( ) 和mouseleave( )：
相同：鼠标离开被选元素时会触发

不同：鼠标在其被选元素的子元素上来回离开时：mouseout( )
触发mouseout
、mouseleave( )：不触发mouseleave

键盘：
keydown( )：触发或将函数绑定到指定元素的keydown事件–按下键盘时
keyup( )：触发或将函数绑定到指定元素的keyup事件–释放按键时
keypress( )：触发或将函数绑定到指定元素的keypress事件–产生可打印的字符时

绑定：bind()
解除绑定：undind()

复合：hover（）方法相当于mouseover与mouseout事件的组合
toggle（）方法用于模拟鼠标连续click事件

toggle()方法不带参数，与show( )和hide( )方法作用一样

toggle( )和toggleClass( )总结
toggle( fn1,fn2…)实现单击事件的切换，无须额外绑定click事件
toggle( )实现事件触发对象在显示和隐藏状态之间切换
toggleClass( )实现事件触发对象在加载某个样式和移除某个样式之间切换

show() 控制元素的显示，
hide( )控制元素的隐藏

fadeIn()和fadeOut()可以通过改变元素的透明度实现淡入淡出效果

slideDown() 可以使元素逐步延伸显示

slideUp()则使元素逐步缩短直至隐藏

animate：通过改变元素的高度，对元素应用动画