queue
英 [kju:]? ?美 [kju]??
n.(人或車輛)行列,長隊;辮子
vi.(人、車等)排隊等候
vt.(使)排隊,列隊等待
jquery queue()方法 語法
作用:queue() 方法顯示或操作在匹配元素上執(zhí)行的函數(shù)隊列。
語法:.queue(queueName)
參數(shù):queueName ? ?可選。字符串值,包含序列的名稱。默認(rèn)是 fx, 標(biāo)準(zhǔn)的效果序列。? ??
操作列隊:queue() 方法操作在匹配元素上執(zhí)行的函數(shù)隊列。
語法:.queue(queueName,newQueue)
參數(shù):queueName ? ?可選。字符串值,包含序列的名稱。默認(rèn)是 fx, 標(biāo)準(zhǔn)的效果序列。? ??
說明:每個元素均可擁有一到多個由 jQuery 添加的函數(shù)隊列。在大多數(shù)應(yīng)用程序中,只使用一個隊列(名為 fx)。隊列運(yùn)行在元素上異步地調(diào)用動作序列,而不會終止程序執(zhí)行。典型例子時調(diào)用元素上的多個動畫方法。
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>
點擊 "運(yùn)行實例" 按鈕查看在線實例