javascript - jQuery数字递增动画代码疑惑
怪我咯
怪我咯 2017-04-11 12:43:04
[JavaScript讨论组]
// 数字递增
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是什么?后面那段正则又怎么理解?

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(2)
PHP中文网

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

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

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

迷茫

这种都是基本用法的问题,翻翻官方文档什么的都能找到答案。学习最重要的是勤奋,不是么

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号