使用jquery (或vanilla JS)在页面加载上格式表中的数字

使用jQuery或原生JavaScript在页面加载时格式化表中的数字，可以通过以下步骤实现：

首先，确保在页面中引入jQuery库或使用原生JavaScript。
在HTML中，创建一个表格，并为每个需要格式化的数字添加一个特定的类名或ID。
使用jQuery的.ready()方法或原生JavaScript的DOMContentLoaded事件监听器，确保在页面加载完成后执行以下代码。
使用jQuery的选择器或原生JavaScript的getElementById()方法获取表格中的数字元素。
遍历获取到的数字元素列表，对每个元素进行格式化操作。
- 如果使用jQuery，可以使用.each()方法遍历元素列表，并使用jQuery的text()方法获取和设置元素的文本内容。
- 如果使用原生JavaScript，可以使用for循环遍历元素列表，并使用innerHTML属性获取和设置元素的文本内容。

在格式化操作中，可以使用JavaScript内置的Intl对象提供的NumberFormat API来格式化数字。该API支持多种格式化选项，例如指定小数位数、千位分隔符等。
格式化完成后，将格式化后的数字重新设置为元素的文本内容。

以下是一个使用jQuery实现的示例代码：

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <style>
    table {
      border-collapse: collapse;
    }
    td {
      border: 1px solid black;
      padding: 5px;
    }
  </style>
</head>
<body>
  <table>
    <tr>
      <td class="number">1000</td>
      <td class="number">2000</td>
      <td class="number">3000</td>
    </tr>
  </table>

  <script>
    $(document).ready(function() {
      $('.number').each(function() {
        var number = parseFloat($(this).text());
        var formattedNumber = new Intl.NumberFormat().format(number);
        $(this).text(formattedNumber);
      });
    });
  </script>
</body>
</html>

在上述示例中，我们创建了一个包含数字的表格，并为每个数字单元格添加了类名"number"。在页面加载完成后，使用jQuery的.each()方法遍历所有类名为"number"的元素，将其文本内容解析为浮点数，并使用Intl.NumberFormat API格式化数字。最后，将格式化后的数字重新设置为元素的文本内容。

请注意，上述示例仅使用了jQuery库来简化DOM操作和事件处理。如果您更倾向于使用原生JavaScript，可以使用类似的逻辑来实现相同的效果。