jQuery中的事件与动画

Posted 2022-01-18 chencheno

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

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

4.绑定事件方式：
on(),bind(),delegate(),live()

5.复合事件
hover(fn1,fn2) ：鼠标移入移除
toggle()：显示和隐藏
toggle(fn1....fnn)单击依照顺序触发
7.动画：
show(time,fn);
hide(time,fn);
fadeIn(time,fn); 淡入
fadeout(time,fn); 淡出
slideDown(time,fn); 逐步延伸
slideUp(time,fn); 逐步缩短直至隐藏
animate(样式，时间，执行函数)