{site_name}

{site_name}

🌜 搜索

jQuery对象函数.clearQueue()用于清除指定元素上所有尚未执行的动画或函数回调队列

前端 𝄐 0
jquery是干什么的,jquery官网,jquery还有必要学吗,jquery和Vue的区别,jquery和JavaScript,jquery插件库
jQuery对象函数.clearQueue()用于清除指定元素上所有尚未执行的动画或函数回调队列。

当在jQuery对象上调用.clearQueue()时,它会立即清空该元素上的所有未执行的动画或函数回调队列。如果你想停止正在进行中的动画并清空队列,可以先使用.stop()方法停止动画,然后再调用.clearQueue()方法清空队列。

以下是一个示例,它创建了一个按钮和一个带有动画效果的 DIV 元素。当点击按钮时,它将添加两个动画到该元素的队列中,并通过调用.clearQueue()清空队列:

HTML:


<button id="btn">Clear Queue</button>
<div id="box"></div>


JavaScript:


$(document).ready(function() {
$("#btn").click(function() {
$("#box").animate({left: '+=200px'}, "slow");
$("#box").animate({top: '+=200px'}, "slow");
$("#box").clearQueue();
});
});


在这个例子中,当用户点击“Clear Queue”按钮时,DIV 元素上的动画效果将停止并清空队列,因此该元素不会继续移动。