javascript - jQuery数字递增动画代码疑惑

 手机用户2602890925 发布于 2022-11-09 17:49
// 数字递增
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 个回答
  • 这种都是基本用法的问题,翻翻官方文档什么的都能找到答案。学习最重要的是勤奋,不是么

    2022-11-12 11:02 回答
  • 首先你可以参考下文档:http://api.jquery.com/jQuery/...

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

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

    2022-11-12 11:02 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有