jQuery | dequeue() 与示例

dequeue()是 jQuery 中的一个内置方法，用于从队列中删除下一个函数，然后它将执行该函数。在队列中将有几个函数等待运行 dequeue() 用于从队列中删除顶部函数并执行该函数。
句法：

$(selector).dequeue(name);

参数：它接受一个参数“name”，该参数指定队列的名称。
返回值：它返回执行给定 top函数的选定元素。

jQuery 代码来显示这个函数的工作：
代码#1：
在下面的代码中， animate 方法也用于演示 dequeue 方法。

   
      
         div {
         margin: 15px 0 0 0  ;
         width: 100px;
         position: absolute;
         height: 30px;
         left: 10px;
         top: 30px;
         background-color: lightgreen;
         text-align: center;
         padding: 15px;
         }
         div.red {
         background-color: red;
         }
      
      
   
   
      GfG!
      
      Click to start !
      
         $( "button" ).click(function() {
         <!--jQuery code to demonstrate animation with the help of dqueue method-->
           $( "div" )
             .animate({ left:"+=500px" }, 1000 )
             .animate({ top:"0px" }, 1000 )
             .queue(function() {
               $(this).toggleClass("green").dequeue();
             })
             .animate({ left:"50px", top:"150px" }, 1000 );
         });
      
   

输出：
在点击“点击开始”按钮之前——

点击“点击开始”按钮后——