. 代碼如下:
$(function(){
var $inputs = $('input[type=button]')
.delay(500)
.queue(function(){$(this).hide().dequeue();})
.delay(1500)
.queue(function(){$(this).show();});
});
以上代碼讓頁面中的按鈕在頁面加載後500毫秒隱藏，然後再過1500毫秒顯示出來。
. 代碼如下:
$(function(){
var $inputs = $('input[type=button]')
.delay(500)
.queue(function(){$(this).hide().dequeue();})
.delay(1500)
.show(1);
//.queue(function(){$(this).show();});
});
以上代碼效果與前面的代碼相同。
. 代碼如下:
$(function(){
var $inputs = $('input[type=button]')
.delay(500)
.queue(function(){$(this).hide();})
.delay(1500)
.show(1);
//.queue(function(){$(this).show();});
});
以上代碼同樣只隱藏，不會再顯示，相比代碼2，queue裡的代碼沒有調dequeue，由此可知，queue執行完後，也中止了動畫隊列的繼續執行，需要調用dequeue使其執行下去（這裡queue裡的hide()不是一個動畫，而將當前對象的動畫放在queue裡執行也會有問題）。
. 代碼如下:
$(function(){
var $inputs = $('input[type=button]')
.delay(500)
.queue(function(){$(this).hide().dequeue();})
.delay(1500)
.show();
//.show(1);
});
以上代碼只隱藏，而不會再顯示！！這裡show不再指定顯示動畫時長，則show方法不再是一個動畫。由此可知，dequeue只能使得動畫隊列中的後續方法執行下去，不能使非動畫隊列中的jquery方法繼續執行！