JQuery dequeue()用法及代码示例

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

$(selector).dequeue(name);

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

jQuery代码显示此函数的工作方式：
代码1：
在下面的代码中，动画方法也用于演示出队方法。

<html> 
   <head> 
      <style> 
         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; 
         } 
      </style> 
      <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
   </head> 
   <body> 
      <div>GfG!</div> 
      <!-- click on this button to perform animation -->
      <button>Click to start !</button> 
      <script> 
         $( "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 ); 
         }); 
      </script> 
   </body> 
</html>

输出：
在单击“Click to start”按钮之前，

单击“Click to start”按钮后，

相关用法

注：本文由纯净天空筛选整理自kundankumarjha大神的英文原创作品 jQuery | dequeue() with Examples。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。