2019-02-20

动画队列

画队列可以说是动画执行的一个顺序机制，各种任务排成队有序执行，特点是先进先出，当我们对一个对象添加多次动画效果时后，添加的动作就会被放入这个动画队列中，等前面的动画完成后再开始执行。

例子：

$('#btn-box6').on('click',function(){
$('.box').slideUp('slow',function(){
console.log('j')
})
console.log('f')
})

动画是异步的，有动画队列，先执行动画，但动画还没出来，
这时立刻执行console.log('f')，所以先输出f；
动画执行完，再执行console.log('j')输出j。

$box.hide(1000)
.show(1000)
.fadeOut()
.fadeIn()
.slideUp()
.slideDown(function(){
console.log('真的执行完毕')
})
console.log('执行完毕了吗？')
})
这些动画按照顺序一个个有序执行。