.clearQueue( [queueName ] )
-
queueName类型: String一个含有队列名的字符串。默认是
fx，标准的效果队列。
当.clearQueue()方法被访问的时候，所有在这个列队中未执行的函数将被移除 。当不使用参数的时候，.clearQueue()会从标准的动画队列fx中移除剩下的函数。这个方法类似.stop(true)。然而.stop()方法只适用在动画中。.clearQueue()还可以用来移除用.queue()方法添加到普通jQuery列表的任何函数。
例子:
清空列队
<!DOCTYPE html>
<html>
<head>
<style>
div { margin:3px; width:40px; height:40px;
position:absolute; left:0px; top:30px;
background:green; display:none; }
div.newcolor { background:blue; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button id="start">Start</button>
<button id="stop">Stop</button>
<div></div>
<script>
$("#start").click(function () {
var myDiv = $("div");
myDiv.show("slow");
myDiv.animate({left:'+=200'},5000);
myDiv.queue(function () {
var _this = $(this);
_this.addClass("newcolor");
_this.dequeue();
});
myDiv.animate({left:'-=200'},1500);
myDiv.queue(function () {
var _this = $(this);
_this.removeClass("newcolor");
_this.dequeue();
});
myDiv.slideUp();
});
$("#stop").click(function () {
var myDiv = $("div");
myDiv.clearQueue();
myDiv.stop();
});</script>
</body>
</html>
相关推荐
在IT行业中，jQuery是一个广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理以及创建复杂的动画效果。这个“jQuery动画队列特效代码.zip”压缩包很显然是为了展示如何利用jQuery来构建富有动态性的动画效果...
- `.clearQueue(queueName)`用于清空指定队列中的所有函数。如果不提供队列名，默认清空`fx`队列。 - `.stop([clearQueue], [jumpToEnd])`方法可以立即停止当前正在运行的动画。`clearQueue`参数决定是否清空队列，...
jQuery学习动画效果基础 jQuery学习动画效果基础是指使用jQuery库来实现网页中的动画效果。动画效果可以丰富网页的交互性和视觉效果，使用户体验更加流畅和自然。本文将详细介绍jQuery学习动画效果基础，并提供相关...
4. 在`.hover()`方法内部，使用`.stop()`来停止当前的动画，`.clearQueue()`可以清除动画队列，防止动画堆积。 5. 如果需要循环滚动，可以在动画结束后再次调用自身，形成一个无限循环。 在压缩包中的"1485"可能是...
clearQueue([queueName]) 插件机制 jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex]) 属性 属性 attr(name) attr(properties) attr(key, value) attr(key, fn) removeAttr...
通过`queue()`、`dequeue()`和`clearQueue()`，我们可以精确地控制动画的执行顺序和时间，使页面动态效果更加流畅和可控。结合其他jQuery方法，可以构建出更多富有交互性和视觉吸引力的网页应用。
标题所指的知识点是：jQuery中常用动画效果函数 描述所指的知识点是：收集整理jQuery中常用动画效果函数的相关资料，其内容具有参考借鉴价值。 标签所指的知识点是：jquery 动画函数 具体知识点详解： 1. jQuery...
`queue`是jQuery中用于管理一系列操作的重要工具，它允许我们顺序执行任务，尤其是在动画效果的串联中显得尤为重要。 首先，我们需要理解jQuery的动画处理是如何工作的。jQuery提供了一系列的动画方法，如`fadeIn()...
- `jQuery.fn.extend({queue: function() {}, dequeue: function() {}, delay: function() {}, clearQueue: function() {}, promise: function() {}});` 这些方法绑定到jQuery对象上，主要用于DOM元素的队列操作。 ...
首先，队列工具函数如jQuery.fn.queue(), jQuery.fn.dequeue()和jQuery.fn.clearQueue()在动画处理中尤为重要，它们提供了对元素动画队列的管理功能。队列函数允许开发者获取或设置匹配元素上的队列，或执行队列中的...
通过查看这些文件，你可以学习到如何将jQuery动画应用于实际项目中，以及如何编写复用和可定制的抖动效果。 总的来说，jQuery文字图片抖动效果是一种有趣的交互方式，可以在通知用户、吸引注意或者增加趣味性时使用...
9. 动画队列：jQuery的动画默认是同步进行的，但可以通过`.queue()`和`.dequeue()`来控制动画的执行顺序，实现更复杂的动画效果。 10. 动画状态管理：`.stop()`用于停止当前运行的动画，`.clearQueue()`清除动画...
jQuery中的队列功能是通过`queue()`函数实现的，它允许开发者控制JavaScript函数的执行顺序，特别是对于动画效果的管理非常有用。队列是按照先进先出（FIFO）的原则工作的，即先加入队列的函数会先被执行。在jQuery...
本文实例讲述了jQuery中clearQueue()方法用法。分享给大家供大家参考。具体分析如下： 此方法能够清空对象上尚未执行的所有队列。 如果不带参数，则默认清空的是动画队列。这跟stop(true)类似，但stop()只能清空动画...
7. **动画控制**：jQuery还提供了`.stop()`方法来控制动画的暂停和恢复，以及`.clearQueue()`来清空动画队列，避免动画堆积和错乱。 在实际的代码实现中，`132689943409264486`可能是源码文件中某个关键的ID或...
$.queue( [name,] queue ), jQuery.queue( [name,] queue ) Test operations strjQuery.type( obj ) booljQuery.isArray( obj ) booljQuery.isEmptyObject( obj ) booljQuery.isFunction( obj ) booljQuery....
3. **队列与动画控制**: `.queue()`允许控制动画队列，`.clearQueue()`可清除队列，`.stop()`可以停止当前运行的动画。 **jQuery与Ajax** 1. **$.ajax()**: 这是jQuery的核心Ajax函数，可以进行异步数据请求。可以...
这需要使用jQuery的`.stop()`方法来停止当前动画，并用`.clearQueue()`清除动画队列。同时，还可以通过修改`speed`变量来调整滚动速度。 ```html 暂停 恢复 // ...之前的代码... $('#pause').click...