Jquery Loading 遮罩可以幫助網頁在異步請求數據的過程中，讓用戶知道數據正在加載中，避免用戶在等待過程中誤操作，影響用戶體驗。下面我們來看一下如何使用 Jquery Loading 遮罩。

首先，我們需要在 HTML 文件中引入 Jquery 文件和 Jquery Loading 遮罩插件。代碼如下：

<script src="jquery.min.js"></script>
<script src="jquery-loading-overlay.min.js"></script>

然后，我們需要在需要使用遮罩的元素上面調用 Jquery Loading Overlay 方法，這個過程可以在 Ajax 請求開始之前調用，如下所示：

$('#myButton').on('click', function() {
$('#myDiv').loadingOverlay();
// your ajax request
});

這樣當用戶點擊按鈕觸發 Ajax 請求時，Jquery Loading Overlay 會在 myDiv 元素上顯示一個遮罩。

我們還可以調整遮罩的樣式、文本內容和大小等參數，代碼如下所示：

$('#myDiv').loadingOverlay({
lineColor: '#ff0000',
fade: [400, 200],
text: 'Loading...',
fontawesome: 'fa fa-cog fa-spin',
maxSize: '75px'
});

以上代碼會改變遮罩的線條顏色為紅色、淡入淡出時間為 400 毫秒和 200 毫秒、文本內容顯示 Loading...、顯示一個旋轉的 cog 圖標，以及遮罩的最大大小為 75 像素。

總之，Jquery Loading 遮罩插件是一個非常實用的工具，幫助我們在異步請求數據時更好地處理用戶體驗，增強網站的性能和優雅度。