jQuery animate() 改变颜色

jQuery提供的animate()方法可以实现一些简单的动画效果，但是其核心库不提供颜色动画的效果，如果想实现颜色动画，需要下载相关插件。

但是，animate()的参数中有一个complete，通过它可以设置动画完成之后的执行函数，这时可以改变颜色。

                  

<script type="text/javascript">
    $("#btn").click(function() {
        $("div").animate({
            width: 100,
            height: 100
        }, {
            duration: 3000,
            complete: function() {
                $("div").css("background-color", "red");
            }
        });
    });
</script>