JQ loading 加载插件

JQ loading 是一个jQuery插件，用于实现页面异步加载时的loading效果。使用该插件可以让用户在等待页面内容加载的同时看到一个loading动画，提高用户体验。

使用步骤如下：

1. 在页面中引入jQuery库和JQ loading插件：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jq-loading/2.0.0/jqLoading.min.js"></script>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/jq-loading/2.0.0/jqLoading.min.css">

2. 在需要使用loading效果的地方，调用JQ loading插件的方法：

$('#loading-container').jqLoading({
    text: "Loading...", // loading文字
    spinnerSize: 40, // loading图标大小
    spinnerColor: "#333", // loading图标颜色
    overlayColor: "rgba(255, 255, 255, 0.6)", // loading遮罩颜色
    overlayOpacity: 1, // loading遮罩透明度
    fontColor: "#333", // loading文字颜色
    fontStyle: "normal", // loading文字样式
    fontSize: "16px", // loading文字大小
    backgroundColor: "transparent" // loading背景色
});

其中，`#loading-container`是loading的容器元素，可以是任意元素，例如一个`div`。可以根据需要设置loading的样式、文字等参数。

3. 在异步加载完成后，隐藏loading效果：

$('#loading-container').jqLoading('destroy');

这样就可以实现简单的页面loading效果了。