jQuery 参考手册 - 效果

（speed可选：规定动画的速度。默认是 "normal"，可能的值：毫秒（比如 1500）"slow""normal""fast"）

 

callback可选 ：当前函数执行完之后，要执行的函数

animate()对被选元素应用“自定义”的动画

$(selector).animate(styles,speed,callback)

$(".btn1").click(function(){
  $("#box").animate({height:"300px"});
});

 

clearQueue()对被选元素移除所有排队的函数（仍未运行的）

$(selector).clearQueue(queueName)

$("#stop").click(function(){
  $("#box").clearQueue();
});//与 stop() 方法不同，（只适用于动画），clearQueue() 能够清除任何排队的函数

 

delay()对被选元素的所有排队函数（仍未运行）设置延迟

dequeue()运行被选元素的下一个排队函数

fadeIn()逐渐改变被选元素的不透明度，从隐藏到可见

$(selector).fadeIn(speed,callback)

$(".btn2").click(function(){
  $("p").fadeIn();//fadeIn() 方法使用淡入效果来显示被选元素，假如该元素是隐藏的。
});

 

fadeOut()逐渐改变被选元素的不透明度，从可见到隐藏

$(selector).fadeOut(speed,callback)

$(".btn1").click(function(){
  $("p").fadeOut();//fadeOut() 方法使用淡出效果来隐藏被选元素，假如该元素正常显示的
});

 

fadeTo()把被选元素逐渐改变至给定的不透明度

$(selector).fadeTo(speed,opacity,callback)//opacity    必需。规定要淡入或淡出的透明度。必须是介于 0.00 与 1.00 之间的数字

$(".btn1").click(function(){
  $("p").fadeTo(1000,0.4);
});

 

hide()隐藏被选的元素

$(selector).hide(speed,callback)

 

queue()显示被选元素的排队函数

show()显示被选的元素

$(selector).show(speed,callback)

 

slideDown()通过调整高度来滑动显示被选元素

$(selector).slideDown(speed,callback)

$(".btn2").click(function(){
  $("p").slideDown();
});//效果相当于$("p").show("normal")

 

slideToggle()对被选元素进行滑动隐藏和滑动显示的切换

$(selector).slideUp(speed,callback)

$(".btn1").click(function(){
  $("p").slideToggle();
});//如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素

 

slideUp()通过调整高度来滑动隐藏被选元素 与slideDown()对应

stop()停止在被选元素上运行动画

$(selector).stop(stopAll,goToEnd)//stopAll可选。规定是否停止被选元素的所有加入队列的动画

goToEnd    
可选。规定是否允许完成当前的动画。
该参数只能在设置了 stopAll 参数时使用。（两个参数都为布尔值）

 

toggle()对被选元素进行隐藏和显示的切换

$(selector).toggle(speed,callback,switch)
switch可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素  如果设置此参数，则无法使用 speed 和 callback 参数