当在jQuery对象上调用动画方法时,如果对象正在执行某个动画效果,那么新调用的动画方法就会被添加到动画队列中,jQuery会按顺序依次执行动画队列的每个动画。
动画队列机制和执行顺序
- 对于一组元素上的动画效果,有如下两种情况:
- 当在一个animate()方法中应用多个属性时,动画是同时发生的。
- 当以链式的写法应用动画方法时,动画是按照顺序发生的。
- 对于多组元素上的动画效果,有如下情况:
- 默认情况下,动画都是同时发生的。
- 当以回调的形式应用动画方式时,动画是按照回调顺序发生的。
- 即参考之前的 回调同步、异步。
以上是整个动画的调度一个流程,其实都是利用队列异步的空闲然后执行同步的代码,这样在处理上是没有浪费资源的,而且精确度也是最高的。