简单使用 jq 队列queue

几行代码秒懂jq 队列queue

queue(element,[queueName]) 显示或操作在匹配元素上执行的函数队列（每次都要先注册一个queue函数队列，然后再使用dequeue函数来调用）

dequeue([queueName]) 从队列最前端移除一个队列函数，并执行他。

 //  简单的使用
 //参数：1.元素，div span 2.名字 name 3.函数 fn1
            //出队的时候对第一个进行执行
            function fn1(){
                alert(1);
            }
            function fn2(){
                alert(2);
            }
            function fn3(){
                alert(3);
            }
            //入队
            $.queue(document,'name',fn1);
            $.queue(document,'name',fn2);
            $.queue(document,'name',fn3);
            //$(document).queue('name',fn1);

            //出队
            $.dequeue(document,'name');
            $.dequeue(document,'name');
            $.dequeue(document,'name');
            //$(document).dequeue('name',fn1);

自己立刻调用自己

$(document).queue(function () {
    alert(1);
    $(this).dequeue();
});

操作多个队列

let queueArr = [
        function () {
            alert(1)
            aniMate()
        },
        function () {
            alert(2)
            aniMate()
        }
 ];
function aniMate () {
    $(document).dequeue("hh");
}
$(document).queue("hh", queueArr);
aniMate()

转载 blog.csdn.net/a772116804/…

转载 jquery.cuishifeng.cn