当前位置: 首页>>代码示例>>用法及示例精选>>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文的传播和使用请遵循“署名-相同方式共享 4.0 国际 (CC BY-SA 4.0)”协议。