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 ウィジェット ファクトリには、すべてのウィジェットの疑似セレクターの自動生成機能があります。