如何给div加遮罩？

欢迎转载，转载请注明出处，谢谢~(作者：Colton_Null)

---

经常会有给div加遮罩的需求，以防止用户误操作或其他用途。下面这两个方法简单易用，也是在百度上搜索了无数大神方法后，整理出来最简单易用的加、除遮罩的方法。废话不多说，直接上代码：

// 打开遮罩
function maskIt(obj){
    var hoverdiv = '<div class="divMask" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #EEEEEE;opacity: 0.5; filter: alpha(opacity=40);z-index:5;"></div>';
    $(obj).wrap('<div class="position:relative;"></div>');
    $(obj).before(hoverdiv);
    $(obj).data("mask",true);
}

// 取消遮罩
function unMaskIt(obj){
    if($(obj).data("mask")==true){
        $(obj).parent().find(".divMask").remove();
        $(obj).unwrap();
        $(obj).data("mask",false);
    }
    $(obj).data("mask",false);
}

用的时候直接把div对象传进去即可
例如：maskIt($(‘#id’);

效果展示

maskIt

unMaskIt