jQuery clearqueue() 方法用于清除隊列中等待執行的動畫,也可以清除隊列中指定的動畫。
該方法的語法如下:
$(selector).clearQueue(queueName);
參數說明:
selector
:必須。需要清除隊列的 DOM 元素。queueName
:可選。隊列的名稱。如果不指定,將清除所有隊列中等待執行的動畫。
如果使用 jQuery 的animate()
方法執行動畫,則該動畫將被添加到該元素的默認隊列中(稱為 fx 隊列),并在隊列中等待執行。可以使用 clearqueue() 方法清除該隊列中等待的動畫。
例如:
$("div").animate({height: '300px'}, 2000); $("div").animate({width: '300px'}, 2000); $("div").clearQueue("fx");
該例子中,首先使用animate()
方法分別對 div 元素的高度和寬度執行動畫,并將它們添加到 fx 隊列中。然后使用clearQueue("fx")
方法清除 fx 隊列中等待執行的動畫。
除了清除默認隊列 fx 中的動畫外,還可以清除其他隊列中等待執行的動畫。例如,如果有一個自定義隊列名為 myQueue,可以使用以下代碼清除該隊列中等待的動畫:
$("div").animate({height: '300px'}, 2000, "myQueue"); $("div").animate({width: '300px'}, 2000, "myQueue"); $("div").clearQueue("myQueue");
以上為使用 jQuery clearqueue() 方法的簡單示例。