JQuery是一款廣受歡迎的JavaScript庫，它提供了豐富的特性，包括遮罩效果。遮罩效果在開發中經常用到，可以通過遮罩來達到突出展示某些內容的目的。以下是使用JQuery實現遮罩效果的代碼：

$(document).ready(function(){
// 創建遮罩層
$("
").attr({
'id':'mask',
'class':'mask'
}).appendTo('body');
// 綁定單擊事件
$('div.mask').click(function(){
$(this).hide();
});
// 顯示/隱藏遮罩層
function mask(set){
if(set == true){
$('div.mask').show();
}else{
$('div.mask').hide();
}
}
// 示例
$('.example').click(function(){
// 顯示遮罩層
mask(true);
// 其他操作
// ...
});
});

首先，我們在頁面中創建一個id為“mask”、class為“mask”的div，這個div就是我們的遮罩層。然后，我們綁定了一個單擊事件，當遮罩層被單擊時，遮罩層會隱藏。接著，我們定義了一個遮罩函數mask(set)，通過傳入一個布爾值set來判斷是否顯示遮罩層，可以根據需要自行修改。最后，我們以一個示例來展示如何使用遮罩函數，在點擊某個元素時顯示遮罩層，之后可以進行其他操作。更多關于JQuery遮罩效果的實現方式，請參考官方文檔。