jQuery中的事件与动画

一、基础事件

　　常用的基础事件有鼠标事件、键盘事件、window事件、表单事件

　　语法：

　　　　事件名=“函数名()”;

　　或：

　　　　DOM 对象.事件名=函数；

二、载入事件

　　常用鼠标事件：

　　click()　　　　　　　 鼠标单击时

　　mouseover()　　　　 鼠标移入时

　　mouseout()　　　　   鼠标移出时

　　mouseenter()　　　   鼠标进入时

　　mouseleave()　　　   鼠标离开时

　　this指向调用这个方法的DOM对象

　　mouseover()与mouseenter()的区别：

　　　　前者在鼠标被选中的子元素上进入也可触发该事件，后者则不会

　　mouseout与mouseleave()的区别：

　　　　前者在鼠标被选中的子元素上离开也可触发该事件，后者则不会

三、键盘事件

　　常用的键盘事件：

　　　　keydown()　　按下键盘时

　　　　keyup()　　　 释放键盘时

　　　　keypress()       产生可打印的字符时

四、浏览器事件

　　语法：

　　　　$(selector).resize();

五、绑定和移除事件

　　绑定语法：

　　　　bind(type,[data],fn);

　　　bind常用参数：

　　　　type　　   事件类型

　　　　[data]　　可选参数

　　　　fn　　　   处理函数

　　移除语法：

　　　　unbind([type],[fn]);

　　unbind常用参数：

　　　　type　　事件类型

　　　　fn　　　处理函数

六、复合函数

　　hover()

　　　　该函数相当于mouseentr和mouseleave事件的组合

　　语法：

　　　　hover(enter,leave);

　　toggle()

　　　　该函数单击一次是触发第一个函数，单击第二次时触发第二个函数......函数触发完返回第一个函数

　　语法：

　　　　toggle(fn1,fn2,....)

　　当toggle函数不带方法时，与show和hide作用一样

转载于:https://www.cnblogs.com/whtt/p/11040963.html