jQuery 遮罩層效果是一種非常常用的Web前端開發技術，它可以在后臺執行某些操作時，給用戶一個良好的用戶體驗。

遮罩層的展示主要是通過設置一個遮罩層的CSS屬性，并且使用jQuery的show()方法來控制遮罩層的顯示和隱藏，在遮罩層上顯示需要展示的內容，比如一個div：

<div id="mask"></div>
<div id="popup_content">
<p>這是需要展示的內容</p>
</div>

在CSS文件中，一般要設置遮罩層的樣式，如下所示：

#mask{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0,0,0,0.5); 
z-index: 10000;
display:none;
}

其中，遮罩層的背景色使用了半透明的黑色，使得用戶在操作時，感覺頁面被覆蓋了一層灰暗的薄紗。

在jQuery代碼中，我們需要先獲取頁面上的遮罩層和需要展示的內容的div，然后通過show()和hide()方法控制它們的顯示和隱藏。代碼如下所示：

$(function(){
//獲取遮罩層和內容的div
var mask = $("#mask");
var popUp = $("#popup_content");
//顯示遮罩層和內容的div
mask.show();
popUp.show();
//隱藏遮罩層和內容的div
mask.hide();
popUp.hide();
});

通過這樣的設置，我們就可以實現遮罩層效果了！