jquery - Jquery CSS 伪元素：ui-dialog

Question

从我可以看到 ui:dialog 不是标准的伪 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',{});

相关的伪选择器是：

':ui-mywidget'

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

这是一个参考。

Answer 2

jquery UI 小部件工厂为所有小部件自动生成伪选择器。