jquery queue()队列学习

http://www.cnblogs.com/snandy/archive/2013/02/18/2892749.html

 

先看例子入门

function cb1() {alert(1)} function cb2() {alert(2)} var arr = [cb1, cb2]; $.queue(el, 'mx', cb1); // 第三个参数为function $.queue(el, 'xm', arr); // 第三个参数为数组 //cbs1 和 cbs2是存着方法名的数组 var cbs1 = $.queue(el, 'mx'); // [cb1] var cbs2 = $.queue(el, 'xm'); // [cb1, cb2]

 

 

function ff1() {console.log(1)} function ff2() {console.log(2)} function ff3() {console.log(3)} var $p = $('p'); $p.queue('mx', ff1); $p.queue('mx', ff2); $p.queue('mx', ff3); var queue = $p.queue('mx'); // [ff1, ff2, ff3]

 

 

function ff1() {console.log(1)} function ff2() {console.log(2)} function ff3() {console.log(3)} var p = $('p')[0]; $.queue(p, 'mx1', ff1); $.queue(p, 'mx1', ff2); $.queue(p, 'mx1', ff3); // 每2秒调用一次$.dequeue，依次输出1,2,3 setInterval(function() { //$.dequeue()从队列最前端移除一个队列函数，并执行他。 $.dequeue(p, 'mx1') }, 2000);

 

 

回调函数的上下文是dom元素，参数是next函数和hooks对象 var p = $('p')[0]; function func(next, hooks) { console.log(this); console.log(next); console.log(hooks); } $.queue(p, 'mx', func); $.dequeue(p, 'mx');