jQuery生成随机数：简单易用的方法！

摘要：随机数是程序设计领域中常见的需求，在jQuery中生成随机数更是方便快捷。本文介绍了使用jQuery生成随机数的简单易用的方法，并为读者提供了相关背景信息。

图片：

一、Math.random()函数生成随机数

Math.random()是JavaScript中的随机数函数，可以生成0至1之间的随机数。在jQuery中，可以像下面这样使用：

$(document).ready(function() {
  var randNum = Math.floor(Math.random() * 100);
  $("p").text(randNum);
});

如上代码片段所示，在文档准备就绪时，jQuery将会使用Math.random()函数生成一个0至100之间的随机整数并显示在p标签中。

当然，Math.random()函数也可以用来生成更大或者更小的随机数，只需要将其结果进行适当的计算。

二、jQuery插件插件生成随机数

除了原生函数，jQuery还提供了多种插件，用于生成高质量的随机数。其中最常见的是jquery-random插件，可以轻松生成不同格式的随机数。

使用jquery-random插件，可以像下面这样生成0-255之间的随机RGB颜色：

$().ready(function() {
  var randomColor = $.random(255) + ',' + $.random(255) + ',' + $.random(255);
  $("#box").css("background-color", "rgb(" + randomColor + ")");
});

如上代码片段所示，随机生成三个0-255的数字，并以RGB格式显示在ID为"box"的盒子背景颜色中。

三、自定义jQuery生成随机数插件

如果原生的随机数函数和插件不能满足要求，我们可以自定义jQuery生成随机数插件。

比如，下面的代码片段可以生成指定位数和指定进制的随机数：

(function ($) {
    $.fn.randomNum = function (bit, radix) {
        bit = bit || 16; //默认16位数
        radix = radix || 16; //默认16进制
        var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split(''),
            nums = [],
            i;
        radix = Math.min(radix, chars.length);
        if (bit && radix) {
            for (i = 0; i < bit; i++) nums[i] = chars[Math.floor(Math.random() * radix)];
        } else {
            nums[0] = '0';
        }
        return nums.join('');
    };
})(jQuery);

如上代码片段所示，我们定义了一个randomNum插件，对于传入的bit和radix参数，可以生成相应的随机数并返回。

四、总结

通过上述的介绍，我们可以看出，在jQuery中生成随机数非常方便，并且可以满足不同的需求。本文介绍了Math.random()函数、jquery-random插件和自定义jQuery生成随机数插件三种方法，希望能对读者有所帮助。