主题:
3024-night
ambiance-mobile
ambiance
base16-dark
blackboard
cobalt
eclipse
erlang-dark
lesser-dark
mbo
mdn-like
midnight
monokai
neat
neo
night
paraiso-dark
pastel-on-dark
rubyblue
solarized
the-matrix
tomorrow-night-eighties
vibrant-ink
新窗口
视图:
左侧面板
HTML
CSS
JS
预览
F11(全屏显示选中的编辑器)
查看更多帮助信息
相关文章:
jQuery.queue() 函数详解
代码类型:
默认(HTML/CSS/JS)
HTML混合(单页)
PHP
Java
C#
C++
C
SQL
杂项:
启用CSS/JS语法检查
监测脚本运行错误
禁止库文件重复
文档类型:
HTML5
HTML 4.01 Strict
HTML 4.01 Transitional
HTML 4.01 Frameset
XHTML 1.0 Strict
XHTML 1.0 Transitional
XHTML 1.0 Frameset
无
JS库文件:
无
jQuery 1.11.1
jQuery 2.1.1
jQuery 1.10.2
jQuery 1.9.1
jQuery 1.8.3
jQuery 1.7.2
jQuery 1.6.4
jQuery 1.5.2
jQuery 1.4.4
jQuery 1.3.2
jQuery 1.2.6
手动添加:
jQuery 1.11.1
<div id="n1" style="width: 200px; height: 100px; border: 1px solid #ccc;" ></div> <div id="n2" style="width: 200px; height: 100px; border: 1px solid #ccc;" ></div> <div id="n3" style="width: 200px; height: 100px; border: 1px solid #ccc;" ></div>
function w(html){ $(document.body).append("<br>" + html); } var $divs = $("div"); // 为每个div元素上的队列"q"设置(替换成)新的队列 // (由于之前没有队列"q",这相当于新增一个对垒"q") $divs.queue("q", [ function(next){ alert("队列函数1"); /* next(); 调用该函数可以移除并执行当前队列中的第一个函数 */ } , function(next){ alert("队列函数2"); } , function(next){ alert("队列函数3"); } ]); var queue = $divs.queue("q"); // 获取第一个div元素的队列"q" var queue1 = $("#n1").queue("q"); var queue2 = $("#n2").queue("q"); var queue3 = $("#n3").queue("q"); w( queue === queue1 ); // true w( queue === queue2 ); // false w( queue === queue3 ); // false w( queue.length ); // 3 // 为n1的队列"q"的末尾添加一个处理函数 $("#n1").queue("q", function(){ // 这里的this表示当前DOM元素(n1) alert("队列函数4"); }); w( queue.length ); // 4 // 使用dequeue()可以移除并执行队列中的第一个函数 $("#n1").dequeue("q"); // 弹出对话框:"队列函数1"