JQuery事件和动画(7)

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

　　2.键盘事件
　　　　keydown( ) 触发或将函数绑定到指定元素的keydown事件 按下键盘时
　　　　keyup( ) 触发或将函数绑定到指定元素的keyup事件 释放按键时
　　　　keypress( ) 触发或将函数绑定到指定元素的keypress事件 产生可打印的字符时(keyCode=="13"    :     按Enter键)
　　3.浏览器事件
　　　　$(selector).resize( ); 改变浏览器窗口大小时触发

　　4.绑定移除事件：

　　　　绑定事件：　　　on(),bind(),delegate(),live()

　　　　　　bind(事件类型，参数，方法);

　　　　移除事件：      

　　　　　　unbind(事件类型，方法)；

　　　　　　　　unbind不带参数时，表示移除所绑定的全部事件

　　5.复合事件
　　　　hover(fn1,fn2) ：鼠标移入移除
　　　　toggle()：

　　　　　　带参数时：toggle(fn1....fnn);　鼠标连续点击事件

　　　　　　不带参数时：toogle();　显示隐藏间的切换

　　　　toogleClass():

　　　　　　实现事件触发对象在加载某个样式和移除某个样式之间切换
　　　　
二、动画

　　1.控制元素显示隐藏

　　　　$(selector).show([speed],[callback]);   显示

　　　　$(selector).hide([speed],[callback]);　 隐藏

　　　　　　speed：规定速度，默认为0，毫秒为单位，也可以用slow,normal,fast表达，可选

　　　　　　callback：show或hide函数执行完后执行的函数，可选

　　2.改变元素的透明度

　　　　$(selector).fadeIn([speed],[callback]);   淡入

　　　　$(selector).fadeOut([speed],[callback]);　 淡出

　　3.改变元素高度

　　　　$(selector).slideUp([speed],[callback]);   从下向上缩短隐藏

　　　　$(selector).slideDown([speed],[callback]);　 从上向下延伸显示

　　4.自定义动画
　　　　$(selector).animate({params},speed,callback)

　　　　　　params:定义形成动画的css属性，必须

　　　　　　speed:规定效果时长，可选

　　　　　　callback: 动画完成后的函数，可选