jquery代码怎么使用模态框

可以使用Bootstrap框架中提供的模态框组件来实现，以下是一个简单的示例：

HTML代码：

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
  打开模态框
</button>

<div class="modal" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <!-- 模态框头部 -->
      <div class="modal-header">
        <h4 class="modal-title">模态框标题</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

      <!-- 模态框主体内容 -->
      <div class="modal-body">
        <p>一些文本内容...</p>
      </div>

      <!-- 模态框底部 -->
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary">保存更改</button>
      </div>
    </div>
  </div>
</div>

JavaScript代码（需要引入jQuery和Bootstrap的js文件）：

$(document).ready(function(){
  $("#myModal").modal();
});

在这个示例中，我们使用了Bootstrap提供的`data-toggle`和`data-target`属性来触发模态框的显示，并使用了jQuery的`$(document).ready()`函数来在页面加载完成后自动弹出模态框。你也可以使用jQuery的事件绑定函数，如`click()`来实现手动触发模态框的显示。