模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。
如果您想要单独引用该插件的功能，那么您需要引用 modal.js。或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。
您可以切换模态框（Modal）插件的隐藏内容：
一个静态的模态窗口实例，如下面的实例所示：
结果如下所示：
代码讲解：
有一些选项可以用来定制模态窗口（Modal Window）的外观和感观，它们是通过 data 属性或 JavaScript 来传递的。下表列出了这些选项：
下面是一些可与 modal() 一起使用的有用的方法。
下面的实例演示了方法的用法：
结果如下所示：
只需要点击 ESC 键，模态窗口即会退出。
下表列出了模态框中要用到事件。这些事件可在函数中当钩子使用。
下面的实例演示了事件的用法：
结果如下所示：
正如上面实例所示，如果您点击了 关闭 按钮，即 hide 事件，则会显示一个警告消息。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery