jQuery div 遮罩層是一種非常實用的特效，它可以有效地遮擋住頁面中的某個元素，使得其他的元素?zé)o法點擊或操作。這種效果雖然比較簡單，但是在一些需要保護數(shù)據(jù)或者需要進行提示的場景下非常有效。

//jquery遮罩層代碼
function showMask(){
//添加遮罩層
var mask="
";
$("body").append(mask);
//添加提示信息
var tip="
正在加載數(shù)據(jù)，請稍候...
";
$("body").append(tip);
}
function hideMask(){
//刪除遮罩層
$(".mask").remove();
//刪除提示信息
$(".tip").remove();
}
//調(diào)用示例
$("#btnSubmit").click(function(){
showMask();
//異步請求數(shù)據(jù)
$.post(url,data,function(result){
//處理返回結(jié)果
//...
hideMask();
});
});

上面的代碼中包含兩個函數(shù)，分別是showMask()和hideMask()，它們的作用是顯示或隱藏遮罩層。當(dāng)需要顯示遮罩層的時候，我們可以調(diào)用showMask()函數(shù)，該函數(shù)動態(tài)地添加了一個div節(jié)點，并且設(shè)置了CSS屬性使其可以覆蓋整個頁面。然后，我們可以添加提示信息，如“正在加載數(shù)據(jù)，請稍候...”，來讓用戶知道正在進行一些操作。

當(dāng)操作完成后，我們可以調(diào)用hideMask()函數(shù)來隱藏遮罩層和提示信息。這樣，用戶就可以繼續(xù)進行其他的操作了。

最后，需要注意的是，遮罩層的CSS樣式可以根據(jù)需求進行自定義。例如，我們可以設(shè)置透明度、背景顏色、遮罩層是否可以拖動等等。