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