jquery jQuery.queue() 方法
翻译结果:
jQuery
实例;事件;性能;移动;基础
queue
英 [kju:] 美 [kju]
n.(人或车辆)行列,长队;辫子
vi.(人、车等)排队等候
vt.(使)排队,列队等待
jquery jQuery.queue() 方法语法
作用:queue() 方法显示或操作在匹配元素上执行的函数队列。这是底层级的方法;使用 .queue() 更加方便。
语法:.queue(queueName)
参数:
参数 | 描述 |
queueName | 可选。字符串值,包含序列的名称。默认是 fx, 标准的效果序列。 |
操作队列:queue() 方法操作在匹配元素上执行的函数队列。
语法:.queue(queueName,newQueue)
参数:
参数 | 描述 |
queueName | 可选。字符串值,包含序列的名称。默认是 fx, 标准的效果序列。 |
说明:每个元素均可拥有一到多个由 jQuery 添加的函数队列。在大多数应用程序中,只使用一个队列(名为 fx)。队列运行在元素上异步地调用动作序列,而不会终止程序执行。典型例子时调用元素上的多个动画方法。
jquery jQuery.queue() 方法示例
<!DOCTYPE html> <html> <head> <style>div { margin:3px; width:40px; height:40px; position:absolute; left:0px; top:60px; background:green; display:none; } div.newcolor { background:blue; } p { color:red; } </style> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <p>队列长度是:<span></span></p> <div></div> <script> var div = $("div"); function runIt() { div.show("slow"); div.animate({left:'+=200'},2000); div.slideToggle(1000); div.slideToggle("fast"); div.animate({left:'-=200'},1500); div.hide("slow"); div.show(1200); div.slideUp("normal", runIt); } function showIt() { var n = div.queue("fx"); $("span").text( n.length ); setTimeout(showIt, 100); } runIt(); showIt(); </script> </body> </html>
点击 "运行实例" 按钮查看在线实例