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 元素上的动画效果将停止并清空队列,因此该元素不会继续移动。
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 元素上的动画效果将停止并清空队列,因此该元素不会继续移动。
本文地址:
/show-269950.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。