jQuery中animate的回调函数的说明

网上搜索jquery animate基本上都是简单的说明。

直接说两种用法的回调函数（本例中我所使用的版本为：jquery-1.11.3.min.js）：

第一种：

(selector).animate({styles},speed,easing,callback)
//第一种的回调函数没有什么好说直接调用即可

 

第二种：

(selector).animate({styles},{options})

第二种，大部分网上资料给的是如下内容，并没有具体的解释这也导致我自己使用时被卡了半天：

然而我试了多次第二种写法

$(xxx).animate({xxx}, {
            duration: 1000,//不知道为何speed设置无效
            step: function () {
                xxx
            },
            callback:function () {
                xxx
            }
        }

怎么也进不去callback函数，以为是jquery版本问题，但最后无意间在一个网站看到一个写法不是callback而是complete……

正确执行回调为如下

$(xxx).animate({xxx}, {
            duration: 1000,
            step: function () {
                xxx
            },
            complete:function () {
                xxx
            }
        }

网上对于jq的资料大部分都是较老的，jq的使用率也逐渐的下降，再加上css3动画的出现……