关闭模态 jQuery - JavaScript

模态框（Modal）是一种常见的交互方式，但是如何关闭模态框呢？下面介绍几种方法。

方法一：使用 Bootstrap 提供的关闭按钮

如果是使用 Bootstrap 开发的模态框，可以直接使用 Bootstrap 提供的关闭按钮来关闭模态框。按钮的代码如下：

<button type="button" class="close" data-dismiss="modal" aria-label="Close">
  <span aria-hidden="true">&times;</span>
</button>

其中，data-dismiss="modal" 属性表示点击按钮后关闭模态框。

方法二：使用 jQuery 手动关闭模态框

如果没有使用 Bootstrap 或者需要在 JavaScript 中动态控制模态框的关闭，可以使用 jQuery 手动关闭模态框。具体代码如下：

$("#myModal").modal("hide");

其中，#myModal 是模态框的 ID，.modal("hide") 表示关闭模态框。

方法三：使用 JavaScript 原生方法关闭模态框

还可以使用 JavaScript 原生方法关闭模态框。具体代码如下：

document.getElementById("myModal").style.display = "none";

其中，#myModal 是模态框的 ID，style.display = "none" 表示隐藏模态框。

以上就是关闭模态框的几种方法。根据实际情况选择适合自己的方式即可。