jQuery queue 是 jQuery 的一个非常有用的功能,它可以让你在执行某些动作之前,先将这些动作放入一个队列中,然后再依次执行。它可以让你在执行复杂的动作时,更加有序、灵活。
jQuery queue 可以用来做很多事情,例如在页面上显示一系列的动画效果,或者在执行 Ajax 请求之前先做一些准备工作。它也可以用来做一些异步任务的处理,例如当你要向服务器发送多个请求时,可以将这些请求都放入 jQuery queue 中,然后再依次发送。
// 将函数 f1, f2, f3 放入队列中 $('#myElement').queue(function(next) { f1(); next(); }); $('#myElement').queue(function(next) { f2(); next(); }); $('#myElement').queue(function(next) { f3(); next(); }); // 执行队列中的函数 $('#myElement').dequeue(); // 移除并执行队列中的函数 $('#myElement').clearQueue(); // 清空队列中的函数
jQuery 效果方法
显示 <span> 元素中队列的长度:
queue() 方法显示被选元素上要执行的函数队列。
队列是一个或多个等待运行的函数。
queue() 方法通常与 dequeue() 方法一起使用。
一个元素可以有若干队列。大部分通常只有一个,"fx" 队列,即默认的 jQuery 队列。
参数 | 描述 |
---|---|
queueName | 可选。规定队列的名称。 默认是 "fx",标准效果队列。 |
把队列相关方法一起使用
如何把 queue()、dequeue() 和 clearQueue() 一起使用。
计算队列的长度 + 循环队列
如何计算队列的长度 + 循环队列。
jQuery 效果方法
jQuery delegate() 方法jQuery 事件方法实例 当单击 div 元素内部的 p 元素时,改变所有 p 元素的背景颜色:$(div).delegate(p,c...
jQuery on() 方法jQuery 事件方法实例 向 p 元素添加 click 事件处理程序:$(p).on(click,function(){ alert(The paragraph was ...
jQuery ajaxSuccess() 方法jQuery AJAX 方法实例 当 AJAX 请求成功完成时,触发一个提示框:$(document).ajaxSuccess(function()...
jQuery [attribute^=value] 选择器jQuery 选择器实例 选取所有带有以 nation 开头的 name 属性的 input 元素:$(input[name^=...