jquery选择器

Question

在网上看到了一段代码：

$({property: 0}).animate({property: 100}, {
    duration: 1000,
    step: function() {
        var percentage = Math.round(this.property);

        $('#progress').css('width',  percentage+"%");
        if(percentage == 100) {
            $("#progress").addClass("done");//完成，隐藏进度条
        }
    }
});

有点不懂$({property: 0})这种写法，property是css3的属性么？希望路过的大神指导下，谢谢！

Answer 1

$({property: 0})就是把普通对象{property: 0}转换成jquery对象，以便能使用jquery的animate动画函数。重点是animate这个函数能实现从一个属性值到另一个属性值的动画效果。至于property这个属性名其实可以随便定义，比如以下代码会在1s内输出0到100的进度过程值。

$({a: 0}).animate({a: 100}, {
    duration: 1000,
    step: function() {
        console.log(this.a)
    }
});