jquery的blockUI遮罩层的使用，web开发文档

// 引入jQuery和jQuery.blockUI插件
// <script src="path/to/jquery.min.js"></script>
// <script src="path/to/jquery.blockUI.min.js"></script>
 
$(document).ready(function() {
    // 显示遮罩层
    $.blockUI({
        message: '<h1>正在处理，请稍候...</h1>', // 遮罩层中显示的消息
        css: {
            border: 'none',
            padding: '15px',
            backgroundColor: 'rgba(0,0,0,0.5)', // 遮罩层的背景颜色
            '-webkit-border-radius': '10px',
            '-moz-border-radius': '10px',
            opacity: .5, // 透明度
            color: '#fff' // 文本颜色
        }
    });
 
    // 模拟一段异步处理的代码，比如Ajax请求
    setTimeout(function() {
        // 异步处理完毕后，取消遮罩层
        $.unblockUI();
    }, 2000); // 假设处理需要2秒钟
});

这段代码展示了如何使用jQuery的blockUI插件来显示一个简单的加载提示。在异步操作（如Ajax请求）开始前显示遮罩层，操作完成后取消遮罩层。这是一个常见的用户体验改善手段，可以避免用户在等待服务器响应时进行其他操作。