{site_name}

{site_name}

🌜 搜索

jQuery的clearQueue()函数用于清除元素上挂起的所有动画效果或事件

前端 𝄐 0
jquery clearinterval
jQuery的clearQueue()函数用于清除元素上挂起的所有动画效果或事件。它会立即停止当前正在运行的动画,然后从该元素的队列中移除所有未执行的动画。

语法:$(selector).clearQueue(queueName);

参数:
- queueName:可选参数,指定要清除的队列名称。如果省略该参数,则默认清除所有队列。

示例:

HTML代码:

<div id="myDiv"></div>
<button id="startBtn">开始动画</button>
<button id="stopBtn">停止动画并清空队列</button>


jQuery代码:

// 添加两个动画到 myDiv 元素的队列中
$("#myDiv").animate({ left: "100px" }, 2000);
$("#myDiv").animate({ top: "50px" }, 2000);

// 点击“开始动画”按钮,启动队列中的动画
$("#startBtn").click(function () {
$("#myDiv").dequeue();
});

// 点击“停止动画并清空队列”按钮,停止正在运行的动画并清空队列
$("#stopBtn").click(function () {
$("#myDiv").stop();
$("#myDiv").clearQueue();
});


在上面的示例中,当用户点击“开始动画”按钮时,将从myDiv元素的队列中移除一个动画,从而启动下一个动画。而当用户点击“停止动画并清空队列”按钮时,将停止正在运行的动画,并清除myDiv元素的所有队列。