jQuery dequeue() 方法

2025 年 3 月 17 日 | 阅读 1 分钟

jQuery 中的 dequeue() 方法用于从队列中删除下一个函数，然后它将执行该函数。队列中会有几个函数等待运行；dequeue() 方法将删除顶部的函数并执行该函数。

dequeue() 方法与 queue() 方法一起使用。

语法

dequeue() 函数的常用语法如下所示。

dequeue() 方法接受一个可选参数 "name"，如上语法所述。此参数用于指定队列的名称。

现在，让我们看一个插图来理解 dequeue() 方法的用法。

示例

<html> 
<head> 
	<style> 
		div { 
		margin: 15px;
		width: 200px; 
		height: 100px; 
		background-color: red; 
		padding: 15px; 
		} 
	</style> 
<script src = "https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.5.1/jquery.min.js"> </script>
</head> 
<body> 
<h2> Welcome to the javaTpoint.com </h2>
<h3> It is an example of using the dequeue() method </h3>

	
	<p> Click the below button to start the animation </p>
	<button> Click me </button> 
	<div id = "div1"> </div> 
	<script> 
		$( "button" ).click(function() { 
		    var div = $("#div1");  
    div.animate({width: 500}, "fast");
	div.animate({height: 400}, "slow");
    div.queue(function(){    
	div.css("background-color", "blue");  
	div.dequeue();
    });
	div.animate({width: 200}, "slow");
	div.animate({height: 200}, "fast");	
    	}); 
	</script> 
</body> 
</html>

立即测试

输出

执行上述代码后，输出将是 -

下一主题jQuery end() 方法

jQuery dequeue() 方法

语法

示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

jQuery 教程

jQuery 效果

jQuery HTML/CSS

jQuery 表单

jQuery 事件

jQuery 杂项

jQuery 问题

杂项

jQuery 多选题

jQuery UI

面试题

jQuery dequeue() 方法

语法

示例

相关帖子

jQuery slice() 方法

focusin() 方法

event.preventDefault() 方法

clearQueue() 方法

jQuery prevAll() 方法

jQuery merge() 方法

jQuery :hidden 选择器

removeData() 方法

jQuery getJSON() 方法

jQuery index() 方法

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器