事件和动画

事件和动画
一.事件:
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(样式,时间,执行函数)

1.8以下架包加入这部分代码

$.fn.toggle = function(fn, fn2) {
var args = arguments, guid = fn.guid || $.guid++, i = 0, toggle = function(
event) {
var lastToggle = ($._data(this, "lastToggle" + fn.guid) || 0)
% i;
$._data(this, "lastToggle" + fn.guid, lastToggle + 1);
event.preventDefault();
return args[lastToggle].apply(this, arguments) || false;
};
toggle.guid = guid;
while (i < args.length) {
args[i++].guid = guid;
}
return this.click(toggle);
};

原文地址:https://www.cnblogs.com/mayuan01/p/11039225.html