有时我们需要在网页中使用随机数，例如游戏、抽奖或其他实现随机性的场景。在前端开发过程中，我们可以使用jQuery库来简化这个任务，并且非常容易实现。
Math.random()方法
在使用jQuery之前，让我们先回顾一下JavaScript核心函数Math.random()，该函数返回一个0到1之间的随机小数。要生成一个n到m之间的随机整数，可以使用如下公式：
Math.floor(Math.random() * (m - n + 1) ) + n;
例如，要生成1到10之间的随机整数，可以使用以下代码：
var randomNum = Math.floor(Math.random() * 10) + 1;
使用jQuery生成随机数
接下来，我们将使用jQuery来生成随机数。主要思路是创建一个元素并将随机数添加到该元素中。然后将该元素插入到DOM中显示。
步骤1：创建一个包含随机数的元素
首先，我们使用jQuery的$()函数创建一个元素，并在其中添加一个随机数。例如，以下代码将创建一个<div>元素，并在其中添加一个1到100之间的随机整数：
var randomNumber = Math.floor(Math.random() * 100) + 1;
var $randomNumberElem = $('<div>', {text: randomNumber});步骤2：将元素插入到DOM中
接下来，我们使用jQuery的append()方法将包含随机数的元素插入到DOM中。例如，以下代码将在<body>元素中添加上述创建的<div>元素：
$('body').append($randomNumberElem);完整的示例代码
综合以上步骤，以下是一个完整的示例代码，它生成10个1到100之间的随机整数，并将这些数字显示在页面中：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------------
------- -----------------------------------------------------------
-------
------
--------------
--------
---------------------------- -
------- ---- ----- ---- -
--- ------------ - ------------------------ - ---- - --
--- ----------------- - ---------- ------ ---------------
------------------------------------
-
---
---------
-------
-------总结
本文介绍了如何使用jQuery库生成随机数。我们首先回顾了JavaScript核心函数Math.random()，然后演示了如何使用jQuery将随机数插入到DOM中。通过这个简单的示例，我们希望读者能够学习如何在前端开发中使用jQuery实现随机性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29813