[jQuery] jQuery的队列是如何实现的?队列可以用在哪些地方?

一、队列是什么?

队列是一种数据结构,跟生活中的排队是一样的,符合先进先出,后进后出的原则

即:对一个数组做一些限制:

1、只允许在后面插入数据,只允许在前面删除数据

2、不允许在后面删除数据,也不允许在前面插入数据,也不允许在中间随便插入和删除数据.

 

二、jQuery的队列函数:queue();

jQuery的队列中存放的是函数。

.clearQueue()
	

从队列中删除所有未运行的项目。

.dequeue()
	

从队列最前端移除一个队列函数,并执行它。

jQuery.dequeue()
	

从队列最前端移除一个队列函数,并执行它。

.queue()
	

显示或操作匹配元素所执行函数的队列。

jQuery.queue()
	

显示或操作匹配元素所执行函数的队列。

三、队列的简单示例:

1、定义函数:

    
function testf1(){
    alert('testf1');
}    

function testf2(){
    alert('testf2');
}    

//2、入队

$.queue(document,"qName1",testf1);//给document对象下创建一个队列,起名为qName1,并存入testf1函数
$.queue(document,"qName1",testf2);//给document对象下的队列(上一句已经创建队列了)qName1,存入testf2函数

3、点击,然后出队

$("#box1").click(function(){

    $.dequeue(document,"qName1");//执行testf1时,弹栈就行
    $.dequeue(document,"qName1");//执行testf1时,弹栈就行

})

 

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题