dequeue()是jQuery中的内置方法, 用于从队列中删除下一个函数, 然后它将执行该函数。在队列中, 将有几个函数在等待运行dequeue(), 该队列用于从队列中删除顶部函数并执行该函数。
语法如下:
$(selector).dequeue(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 >
输出如下:
在点击"点击开始"按钮之前,
文章图片
【jQuery如何使用dequeue()(代码示例)】点击"点击开始"按钮后,
文章图片
推荐阅读
- 操作系统中的死锁检测算法详细指南
- PHP如何使用date_parse()函数(代码示例)
- 斐波那契堆介绍和实现原理分析|S1
- 算法(使用步数1、2或3计算到达第n个楼梯的所有方式)
- 高级数据结构(如何实现斐波那契堆–插入和联合操作())
- 算法(如何查找矩阵中每一列的最大元素())
- 算法设计(如何打印字符串中每个单词的最后一个字符())
- 如何在Windows中为Python安装OpenCV()
- JavaScript性能问题和优化指南