Jquery CSS Pseudo Element：ui-dialog

Question

从我所看到的ui：dialog不是标准的psuedo css元素，所以我想知道以下几行是什么：

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

我可以找到id为“inline”的div，但ui-dialog来自哪里？

Answer 1

$.widget()自动为您的小部件提供伪选择器。伪选择器是从jQuerySubclass，命名空间和调用名称创建的。

$.widget('ui.mywidget',{});
// same like this
$.widget('jQuery.ui.mywidget',{});

相关的speudo-selector是：

':ui-mywidget'

这意味着使用$.widget()创建的每个小部件都会自动提供伪选择器。

这是reference。

Answer 2

jquery UI小部件工厂对所有小部件都有automatic pseudo selector generation。