JQuery之学“queue()”+"dequeue"

本文介绍了jQuery中queue和dequeue方法的使用技巧,通过实例演示如何通过这两个方法实现动画队列的有效控制,确保动画按预期顺序执行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

queue()方法

queue(element,[queuename(默认名为"fx")]);

使用说明:为指定元素添加执行的函数队列。

适用于:animate动画,以及settimeout等情况中。

dequeue([queuename(默认名为"fx")]);

使用说明:把指定的元素的当前队列的函数执行完毕并移除,这样就可以继续执行其他的函数或队列。

适用于 :queue(function(){

                    //执行的函数,

                    $(elemet).dequeue();//执行当前的队列,完毕后移除,继续下一个队列

                });

测试代码+图示:


A
B


我对于queue()方法的理解:

   我认为它适合用在一连串的动画执行中,过去我的动画执行最大的问题,就是在指定的时间内,该函数没有按预期的执行,或者说,函数提早的执行,执行的顺序很混乱。

   但是,queue和dequeue的配合,却可以很完美的执行,不用担心某个函数提早执行或未执行。

   就相当于,你只需要把你想要的效果的先后顺序想好,然后利用queue把他们依次方法队列中,然后在每个queue中添加dequeue,这样就可以很好的控制你的队列,不会担心有函数会抢队,或插队。









评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值