jsp中利用Jquery和layUI点击按钮弹出模态框

在 JSP 页面中使用 jQuery 和 LayUI 实现弹出模态框，遵循以下步骤：

1. 首先在 JSP 页面中引入 jQuery 和 LayUI 库：

<!-- 引入 jQuery 库 -->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

<!-- 引入 LayUI 样式库 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/layui/2.5.6/css/layui.min.css">

<!-- 引入 LayUI JavaScript 库 -->
<script src="https://cdn.bootcss.com/layui/2.5.6/layui.all.js"></script>

2. 在 JSP 中添加一个按钮，并为它添加一个 id：

<button type="button" id="myBtn" class="layui-btn layui-btn-normal">弹出模态框</button>

3. 在 JS 文件中编写弹出模态框的代码：

$(document).ready(function(){
    $("#myBtn").click(function(){
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.open({
                title: '模态框标题',
                content: '模态框内容'
            });
        });
    });
});

4. 在 JSP 页面中添加模态框的 HTML 代码：

<!-- 模态框弹出框 -->
<div class="layui-layer layui-layer-dialog" id="layui-layer1" type="dialog" times="1" showtime="0" contype="string" style="z-index: 19891014; width: auto; height: auto; top: 53.5px; left: 547px;">
    <div class="layui-layer-title" style="cursor: move;">模态框标题</div>
    <div class="layui-layer-content">模态框内容</div>
    <span class="layui-layer-setwin"><a class="layui-layer-ico layui-layer-close layui-layer-close1" href="javascript:;"></a></span>
</div>

这样，在 JSP 页面中点击按钮就会弹出一个模态框。你可以根据需要修改模态框的标题、内容和按钮等。