jQuery queue() 方法

定义和用法

queue() 方法显示被选元素上要执行的函数队列。

队列是一个或多个等待运行的函数。

queue() 方法通常与 dequeue() 方法一起使用。

一个元素可以有若干队列。大部分通常只有一个 "fx" 队列，即默认的 jQuery 队列。

语法

$(selector).queue(queueName)

参数

参数	描述
queueName	可选。规定队列的名称。默认是 "fx"，标准效果队列。

示例

下例演示了显示<span>元素中队列的长度：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
//此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
   $(document).ready(function () {
      var div = $("div");
      div.animate({height:300},"slow");
      div.animate({width:300},"slow");
      div.animate({height:100},"slow");
      div.animate({width:100},"slow");
      $("span").text(div.queue().length);   
   });
</script>
</head>
<body>
     <button>开始动画</button> 
     <p>The queue length is: <span></span> </p> 
     <div style="width:50px;height:50px;position:absolute;left:10px;top:100px;background-color:red;"></div>
</body>
</html>

尝试一下

定义和用法

语法

参数

示例

相关页面