jquery当层切换

jQuery中层叠切换（通常称为"模态框"或"dialog"效果）可以使用`.dialog()`函数或者`.modal()`插件来实现。这两个功能允许你动态地显示或隐藏一个元素，使其像是浮在页面上并与主要内容区隔开。下面是一个简单的例子：

// 使用$.dialog()
$("#modal").dialog({
    autoOpen: false, // 默认关闭
    modal: true,     // 遮罩层
    open: function() { // 弹出事件
        $(this).show();
    },
    close: function() { // 关闭事件
        $(this).hide();
    }
});

// 显示模态框
$("#showModal").click(function(){
    $("#modal").dialog("open");
});

// 隐藏模态框
$("#closeModal").click(function(){
    $("#modal").dialog("close");
});

对于`.modal()`插件，它的用法类似，但是它更简洁一些，可能是基于Bootstrap库的版本。