jquery - 这个选择器选择 "#dialog:ui-dialog"是什么？

Question

此选择器在 http://jqueryui.com/demos/dialog/#modal-confirmation 中引用(源代码)。

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

#dialog 很好，:ui-dialog 是如何解释的，我在文档中没有找到它。

有人可以透露一些信息吗？

Answer 1

jquery.ui.widget.js 为每个 jQuery UI 小部件定义自定义选择器:

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

它遍历所有元素并返回具有定义数据(在本例中为对话框)对象的元素。

尝试:

1. 选择对话框(返回 jQuery)

   $(':ui-dialog');
   

2. 获取对话框对象(返回Object)

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

您更正的陈述:

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

选择并销毁所有对话框。