p jqery实现Dialog

要使用 jQuery 实现对话框，可以使用 jQuery UI 提供的 Dialog 组件。以下是简单的示例：

首先，在 HTML 中添加一个按钮和一个空 div，用于触发对话框和显示内容：

<button id="dialog-btn">打开对话框</button>
<div id="dialog" title="提示"></div>

接下来，在 JavaScript 中使用 jQuery UI 的 Dialog 组件初始化对话框：

$(document).ready(function() {
  // 初始化对话框
  $("#dialog").dialog({
    autoOpen: false, // 初始不显示
    modal: true, // 模态对话框
    buttons: {
      "确定": function() {
        $(this).dialog("close"); // 关闭对话框
      }
    }
  });

  // 绑定按钮点击事件
  $("#dialog-btn").click(function() {
    // 显示对话框
    $("#dialog").html("这是一个对话框。").dialog("open");
  });
});

在上面的代码中，首先使用 `$("#dialog").dialog()` 初始化对话框，设置了一些参数，例如：

- `autoOpen: false` 表示初始不显示对话框。
- `modal: true` 表示模态对话框。
- `buttons` 属性指定对话框上的按钮，这里只有一个“确定”按钮，并且点击后会关闭对话框。

然后使用 `$("#dialog-btn").click()` 绑定按钮的点击事件，当点击按钮时，会显示对话框，并将内容设置为“这是一个对话框。”。

这样就可以使用 jQuery UI 实现一个简单的对话框了。