jQuery的hide() 、show() 、toggle()

 

• 　hide( speed, [[easing],[callback]] )隐藏元素
  • 　　如果选择的元素是隐藏的，这个方法将不会改变任何东西。

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

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

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

$("p").hide("fast",function(){
   alert("Animation Done.");
 });

• show( speed, [[easing],[callback]] )
  • 　　显示隐藏的匹配元素。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;，这个方法都将有效。

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

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

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

$("p").show(4000,function(){
   $(this).text("Animation Done...");
 });

• toggle( speed, [[easing],[callback]] )

  • 　　通过不透明度的变化来开关所有匹配元素的淡入和淡出效果，并在动画完成后可选地触发一个回调函数。

    这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。

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

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

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

$("p").fadeToggle("fast",function(){
   alert("Animation Done.");
 });