白学的小知识[jQ.事件.动画效果]

jQuery事件是对JavaScript事件的封装，分为基础事件和复合事件。

基础事件：

1.鼠标事件：

方法	描述	执行步骤
click( )	触发或将函数绑定到指定元素的click事件	单击鼠标时
mouseover( )	触发或将函数绑定到指定元素的mouse over事件	鼠标移过时
mouseout( )	触发或将函数绑定到指定元素的mouse out事件	鼠标移出时

2.键盘事件： 

方法	描述	执行步骤
keydown( )	触发或将函数绑定到指定元素的keydown事件	按下键盘时
keyup( )	触发或将函数绑定到指定元素的keyup事件	释放按键时
keypress( )	触发或将函数绑定到指定元素的keypress事件	产生可打印的字符时

3.表单事件： 

方法	描述	执行步骤
focus( )	触发或将函数绑定到指定元素的focus事件	获得焦点
blur( )	触发或将函数绑定到指定元素的blur事件	失去焦点

绑定事件bind()： 

1、绑定单个事件：

bind("事件名",函数)

click"： 事件类型 事件类型要用引号引起来

”function()“ ： 处理函数

2、同时绑定多个事件方法：

bind({事件名:函数,事件名:函数,.....})

移除事件unbind()：

参数	含义	描述
[type]	事件类型	主要包括：blur、focus、click、mouseout等基础事件，此外，还可以是 自定义事件
[fn]	处理函数	用来绑定的处理函数

复合事件：

1、鼠标光标悬停事件hover()：

鼠标光标悬停事件hover()方法相当于mouseover与mouseout事件的组合。

2.鼠标连续click事件：toggle()

动画效果：

一.显示及隐藏元素：

1.show()

显示速度可以取如下值：毫秒（如1000）、slow、normal、fast

2.hide()

删除提示效果

二.切换元素可见状态

$("li:gt(5):not(:last)").toggle();

三.淡入淡出效果

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

fadeToggle([speed,[easing],[fn]])

speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000).

easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear".

fn:在动画完成时执行的函数，每个元素执行一次.

四.改变元素的高度

slideDown() 可以使元素逐步延伸显示，slideUp()则使元素逐步缩短直至隐藏，slideToggle()可以使元素切换两种方法.

slideDown([speed,[easing],[fn]])//三者语法一样

speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000).

easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear".

fn:在动画完成时执行的函数，每个元素执行一次.

五.自定义动画:

animate()可以通过控制元素改变样式的过程的时间来实现动画效果（注意:背景色不能直接设置）

animate(params,[speed],[easing],[fn])

params:一组包含作为动画属性和终值的样式属性和及其值的集合.

speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000).

easing:要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing".

fn:在动画完成时执行的函数，每个元素执行一次.