jQuery如何实现点击某功能后页面转圈加载的功能，某功能加载完毕，页面转圈小时

在 jQuery 中，可以使用插件 `jquery-loading-overlay` 来实现页面转圈加载的功能。具体步骤如下：

1. 引入 `jquery-loading-overlay` 插件：

<script src="https://cdn.jsdelivr.net/jquery.loadingoverlay/latest/loadingoverlay.min.js"></script>

2. 在需要实现页面转圈加载的功能的元素上添加 `data-loading-overlay` 属性，并设置 `data-loading-overlay-options` 属性来配置选项，例如：

<button id="myButton" data-loading-overlay="true" data-loading-overlay-options='{"color":"rgba(255, 255, 255, 0.8)","fade":true}'>Click me</button>

上面的代码表示在点击按钮时，会在按钮上显示一个半透明的遮罩层，并显示一个旋转的加载图标，表示正在加载中。

3. 在需要加载数据的地方，调用 `startLoading` 方法来显示加载动画：

$('#myButton').on('click', function() {
  $(this).startLoading();
  // 加载数据的代码
});

4. 在数据加载完毕后，调用 `stopLoading` 方法来停止加载动画：

$('#myButton').on('click', function() {
  $(this).startLoading();
  // 加载数据的代码
  $(this).stopLoading();
});

上面的代码表示加载数据时，会在按钮上显示加载动画，加载完毕后停止加载动画。

注意：`startLoading` 和 `stopLoading` 方法只能应用于添加了 `data-loading-overlay` 属性的元素上。