JQuery是目前應用廣泛的JavaScript庫，用來簡化HTML文檔遍歷、事件處理、動畫和Ajax操作等。

在Web開發中，經常需要使用遮罩層來阻止用戶進行一些操作，比如模態框、菜單等。

這時候，我們可以通過JQuery來實現遮罩層的效果。

// HTML代碼
<div id="mask"></div>
// CSS代碼
#mask {
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
display: none;
}
// JQuery代碼
$(document).ready(function() {
$('#show-mask').click(function() {
$('#mask').fadeIn();
});
$('#hide-mask').click(function() {
$('#mask').fadeOut();
});
});

代碼解析：

HTML中，我們定義了一個id為mask的div，這個div就是我們的遮罩層。

CSS中，我們設置了遮罩層的樣式，其中background-color屬性設置了透明度為0.5的黑色背景，所以可以起到遮擋的效果。

JQuery中，我們綁定了兩個事件，一個是當#show-mask的按鈕被點擊時，顯示遮罩層，用fadeIn()函數實現；另一個是當#hide-mask的按鈕被點擊時，隱藏遮罩層，用fadeOut()函數實現。

這樣，我們就可以簡單地利用JQuery實現遮罩層的效果了。