这个选择器是什么选择“#dialog：ui-dialog”？

Question

此选择器引用于http://jqueryui.com/demos/dialog/#modal-confirmation（源代码）。

$("#dialog:ui-dialog").dialog("destroy"); 

#dialog是好的，请问:ui-dialog得到解释，我没有在文档找到它的任何地方。

任何人都可以点亮一下吗？

Answer 1

右上面那行代码的注释上写着：

// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore! 

因此，它可能是最好还是别去碰它。

Answer 2

我相信这只是指一个元素ID为对话框：UI的对话框，它没有任何语义含义

Answer 3

jquery.ui.widget.js定义自定义选择，每jQuery的UI部件：

// create selector for plugin 
$.expr[ ":" ][ fullName ] = function(elem) { 
    return !!$.data(elem, name); 
}; 

其遍历所有元素，并返回那些定义的数据（在这种情况下对话框）对象。

尝试：

1. 选择对话（S）（返回的jQuery）

   $(':ui-dialog'); 
   

2. 获取对话框对象（返回Object）

   $(":ui-dialog").eq(0).data('dialog'); 
   

你纠正声明：

$(":ui-dialog").dialog("destroy"); 

选择并解除所有对话框。