jQuery Dialog Index（對話框索引）是jQuery UI中的一個重要概念，用于在打開多個對話框時管理它們的層次關系。每個對話框都有一個唯一的索引值，可以通過它來管理對話框的遮罩和聚焦等行為。

在創建對話框時，可以通過設置appendTo選項來指定對話框的父元素。如果不指定，則默認為body。當打開多個對話框時，默認情況下，后打開的對話框會被放置在前面一個對話框的下面。這時就需要用到對話框索引來管理它們的遮罩和聚焦。

// 創建對話框
$("#dialog1").dialog({
autoOpen: false,
appendTo: "#container"
});
$("#dialog2").dialog({
autoOpen: false,
appendTo: "#container"
});
// 打開對話框
$("#dialog1").dialog("open");
$("#dialog2").dialog("open");
// 獲取對話框索引
var index1 = $("#dialog1").dialog("option", "zIndex");
var index2 = $("#dialog2").dialog("option", "zIndex");

在上面的代碼中，通過設置appendTo選項將對話框的父元素設置為#container，并打開了兩個對話框#dialog1和#dialog2。然后通過option方法獲取了它們的索引值。

通過設置zIndex選項，可以手動控制對話框的層級關系。例如，下面的代碼將#dialog1置于#dialog2的前面：

$("#dialog2").dialog("option", "zIndex", 1);
$("#dialog1").dialog("option", "zIndex", 2);

在上面的代碼中，先將#dialog2的索引設置為1，然后將#dialog1的索引設置為2，這樣#dialog1就會覆蓋在#dialog2的上面。

需要注意的是，對話框索引只在當前頁面有效，當頁面跳轉或刷新后，索引值會被重置。