在前端開發中，有很多情況需要顯示一個遮罩等待效果，以提升用戶體驗和操作反饋。而jQuery也為我們提供了一種簡單易用的實現方法。

首先，在HTML中添加一個遮罩層和等待提示DOM元素：

<div id="overlay"></div>
<div id="loading"></div>

然后，在CSS中設置遮罩層和等待提示DOM元素的樣式：

#overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
}
#loading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-image: url(loading.gif);
background-repeat: no-repeat;
background-position: center center;
width: 50px;
height: 50px;
z-index: 10000;
}

最后，在jQuery中添加顯示和隱藏遮罩等待效果的方法：

function showLoading() {
$('#overlay').show();
$('#loading').show();
}
function hideLoading() {
$('#overlay').hide();
$('#loading').hide();
}

在以后的操作中，只需要調用這兩個方法就可以實現遮罩等待效果的顯示和隱藏。比如，在Ajax請求數據時，先調用showLoading()方法，等數據請求完畢后再調用hideLoading()方法。這樣就可以在等待過程中，為用戶顯示一個友好的提示。