セレクターエンジンとは何ですか?

Question

のニュースを見ました John Resig の Sizzle という名前の高速な新しいセレクター エンジン かなり多くの場所に表示されますが、セレクター エンジンが何であるかはわかりません。また、セレクター エンジンが何であるかについて説明した記事もありません。Resig が jQuery の作成者であること、Sizzle が Javascript の何かであることは知っていますが、それ以上はそれが何なのかは知りません。では、セレクター エンジンとは何でしょうか?

ありがとう！

Answer 1

セレクター エンジンは、ある種のクエリ (通常は CSS 構文など) に基づいて、ページの DOM に特定の要素をクエリするために使用されます。

たとえば、この jQuery は次のようになります。

$('div')

ページ上のすべての <div> 要素を検索して返します。これを行うには jQuery のセレクター エンジンを使用します。

これらのフレームワークで実行するほぼすべての操作は、ある種の DOM クエリに基づいているため、セレクター エンジンの最適化は非常に重要です。

Answer 2

セレクター エンジンは、要素を識別するための何らかの文字列 (DOM 要素の正規表現を考えてください) を使用して DOM ツリー内の要素を選択できるようにする JavaScript ライブラリです。ほとんどのセレクター エンジンは CSS3 セレクター構文のバリエーションを使用するため、たとえば次のように記述できます。

var paragraphs = selectorengine.select('p.firstParagraph')

firstParagraph クラスを持つドキュメント内のすべての P 要素を選択します。

一部のセレクター エンジンは、XPath の部分的な実装や一部のカスタム構文もサポートしています。たとえば、jQuery を使用すると次のように記述できます。

var checkedBoxes = jQuery('form#login input:checked')

ドキュメント内のログインフォームでチェックされたチェックボックスをすべてオンにします。

Answer 3

セレクター エンジンは、DOM を走査して特定の要素を検索する方法です。

組み込みセレクター エンジンの例:

var foo = document.getElementById('foo');

Answer 4

また、Sizzle は、jQuery のすでに素晴らしいセレクター エンジンを置き換えるために John Resig が現在取り組んでいるエンジンです。

Answer 5

セレクター エンジンは、CSS スタイルシートと同じ方法で、ドキュメント内の要素を検索するために使用されます。現在、それを行う組み込みの querySelectorAll 関数があるのは Safari だけです。他のブラウザでは、外部の JavaScript 実装を使用する必要があります。 ラマラボセレクター 代わりにシズル。