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 参数

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。