jQuery | queue() 示例

queue() 方法是 jQuery 中的一个内置方法，用于显示要在所选元素上执行的函数队列。在队列中一个或多个函数等待运行。

• queue() 方法可以与 dequeue() 方法一起使用。
• 一个元素可能有多个队列。通常只有一个默认的 jQuery 队列。

句法：

$(selector).queue(queue_name)

参数：此方法接受可选的单个参数queue_name 。用于设置队列名称。

下面的例子说明了 jQuery 中的 queue() 方法：

例子：

    
        The queue Method
        
        
          
        
        
            $(document).ready(function() {
                $("p").click(function() {
                    var div = $("div");
       
                    div.animate({
                        left: "+=200"
                    }, 2000);
                    div.animate({
                        height: 200
                    }, "slow");
                    div.animate({
                        width: 150
                    }, "slow");
                    div.animate({
                        height: 100
                    }, "slow");
                    div.animate({
                        width: 60
                    }, "slow");
                    div.animate({
                        left: "-=200",
                        top: "+=100"
                    }, 2000);
       
                    $("span").text(div.queue().length);
                });
            });
        
        
            div {
                width: 50px;
                height: 50px;
                position: absolute;
                left: 35px;
                margin-top: 10px;
                background-color: green;
            }
               
            body {
                width: 500px;
                height: 250px;
                border: 2px solid green;
                padding: 20px;
            }
        
    
       
    
        The queue length is: 
          
        
        
    

输出：
在点击段落元素之前：

点击段落元素后：