使用jQuery关闭Bootstrap模态框的另一种方法

除了使用Bootstrap提供的关闭按钮或JavaScript方法外，还可以使用jQuery来关闭Bootstrap模态框。

HTML代码：

<!-- 模态框 -->
<div class='modal fade' id='myModal' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
  <div class='modal-dialog' role='document'>
    <div class='modal-content'>
      <div class='modal-header'>
        <h5 class='modal-title' id='myModalLabel'>模态框标题</h5>
        <button type='button' class='close' data-dismiss='modal' aria-label='Close'>
          <span aria-hidden='true'>&times;</span>
        </button>
      </div>
      <div class='modal-body'>
        模态框内容
      </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>

<!-- 按钮 -->
<button type='button' class='btn btn-primary' id='closeModal'>关闭模态框</button>

JavaScript代码：

// 使用jQuery关闭模态框
$('#closeModal').click(function() {
  $('#myModal').modal('hide');
});

以上代码中，我们添加了一个按钮#closeModal，当点击该按钮时，通过$('#myModal').modal('hide')方法来关闭模态框。