jquery 数字
以下是关于 jQuery 数字操作的常见方法及示例:
数字格式化
使用 toLocaleString() 方法可以格式化数字显示,例如添加千位分隔符:
var number = 1234567.89;
var formatted = number.toLocaleString(); // 输出 "1,234,567.89"(根据地区)
数字验证
通过正则表达式验证输入是否为有效数字:
var input = "123.45";
var isNumber = /^-?\d*\.?\d+$/.test(input); // 返回 true
数字计算
jQuery 本身不提供数学计算函数,但可直接使用 JavaScript 的 Math 对象:
var rounded = Math.round(10.7); // 四舍五入
var random = Math.random() * 100; // 0-100随机数
数字动画
使用 animate() 方法实现数字递增动画:
$({count: 0}).animate({count: 100}, {
duration: 1000,
step: function() {
$("#counter").text(Math.floor(this.count));
}
});
数字范围限制
限制输入框的数字范围(结合事件监听):
$("#inputField").on("input", function() {
var val = parseFloat($(this).val());
if (val < 0) $(this).val(0);
if (val > 100) $(this).val(100);
});
数字转换
字符串与数字的相互转换:
var str = "123";
var num = parseInt(str); // 字符串转整数
var fixedNum = num.toFixed(2); // 保留两位小数(返回字符串)
如果需要更复杂的数字处理(如货币格式化),推荐使用专门的库如 Numeral.js 或 Accounting.js。







