Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
413 views
in Technique[技术] by (71.8m points)

jQuery数字递增动画代码疑惑

// 数字递增
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)(?=(ddd)+(?!d))/g, "$1,"));
        },
        complete: function() {
            countingFromZero = false;
        }
    });
}

这是一段数字递增动画的jQuery,其中$({})接收一个对象,问题:
1、通常都是$加类名或id,接收对象的话返回的是什么?
2、怎么理解animate函数,第二个参数如果为对象的话其中的step的now是什么?后面那段正则又怎么理解?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

首先你可以参考下文档:http://api.jquery.com/jQuery/...

其实,不用过分解读这段代码。
你可以简单的理解,当$(obj)里面包括任何对象的时候,都会返回一个被继承jQuery API 的 包装对象。

当你平时使用ID的时候,其实$函数也是先去找到对应的 DOM 对象 实际上 也是个 Object.
所以同理了。。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...