jquerys 事件与动画

JQuery中的事件与动画

 

1.绑定事件
  除了使用事件名绑定事件外，还可以使用bind()方法
  绑定多个事件
  bind()方法还可以同时为多个事件绑定方法

2.移除事件
  移除事件使用unbind()方法，其语法：unbind([type],[fn])
  参数 含义 描述
  [type] 事件类型  主要包括：blur、focus、click、mouseout等基础事件，此外，还可以是自定义事件
  [fn] 处理函数  用来解除绑定的处理函数
 提示：当unbind()不带参数时，表示移除所绑定的全部事件

3.鼠标光标悬停事件
  hover()方法相当于mouseover与mouseout事件的组合
  鼠标连续click事件
  toggle()方法用于模拟鼠标连续click事件

 

4.jQuery动画效果
  jQuery提供了很多动画效果:
  　
(1)控制元素显示与隐藏
  显示:show();
  隐藏:hide();
(2)控制元素淡入淡出
  淡入:fedeIn();
  淡出:fedeOut();
(3)改变元素高度
  逐步延伸显示:slideDown();
  逐步缩短直至隐藏:slideUp();

 

5.显示及隐藏元素
  show() 在显示元素时，能定义显示元素时的效果，如缓慢显示速度"slow"
  hide() 在显示元素时，能定义隐藏元素时的效果，如缓慢显示速度"fast"

 

6.切换元素可见状态
  toggle()除了可以模拟鼠标的连续单击事件外，还能用于切换元素的可见状态

 

7.toggle()显示与隐藏
　slideToggle()改变高度的显示与隐藏。
　fadeTo(time,op)通过指定时间将元素的不透明度变为op
　fadeToggle()改变不透明度的显示与隐藏。

8.使用animate()来自定义动画。
　$(selecttor).animate(params,speed,callback)
    params：定义形成动画的CSS属性
    speed:动画实现需要的事件(ms)
　callback:动画完成时执行的函数。