// 数字递增 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是什么?后面那段正则又怎么理解?
这种都是基本用法的问题,翻翻官方文档什么的都能找到答案。学习最重要的是勤奋,不是么
其实,不用过分解读这段代码。
你可以简单的理解,当$(obj)里面包括任何对象的时候,都会返回一个被继承jQuery API 的 包装对象。
当你平时使用类
和ID
的时候,其实$函数也是先去找到对应的 DOM
对象 实际上 也是个 Object
.
所以同理了。。