// 数字递增
function countToNumber(el, number, suffix, duration) {
$({
count: parseInt(el.text().split("+")[0].replace(/\,/g, ''))
}).animate({
count: number
}, {
duration: duration ? duration : 1000,
easing: 'swing',
step: function(now) {
el.text((Math.floor(now) + suffix).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"));
},
complete: function() {
countingFromZero = false;
}
});
}
这是一段数字递增动画的jQuery,其中$({})接收一个对象,问题:
1、通常都是$加类名或id,接收对象的话返回的是什么?
2、怎么理解animate函数,第二个参数如果为对象的话其中的step的now是什么?后面那段正则又怎么理解?
首先你可以参考下文档:http://api.jquery.com/jQuery/...
其实,不用过分解读这段代码。
你可以简单的理解,当$(obj)里面包括任何对象的时候,都会返回一个被继承jQuery API 的 包装对象。
当你平时使用
类
和ID
的时候,其实$函数也是先去找到对应的DOM
对象 实际上 也是个Object
.所以同理了。。