Was ist eine Selector Engine?

Question

Ich habe Nachrichten gesehen von John Resigs schnelle neue Selektor-Engine namens Sizzle tauchen an ziemlich vielen Stellen auf, aber ich weiß nicht, was eine Selektor-Engine ist, und in keinem der Artikel wurde erklärt, was das ist.Ich weiß, dass Resig der Schöpfer von jQuery ist und dass Sizzle etwas in Javascript ist, aber darüber hinaus weiß ich nicht, was es ist.Was ist also eine Selector Engine?

Danke!

Answer 1

Eine Selektor-Engine wird verwendet, um das DOM einer Seite auf der Grundlage einer Abfrage (normalerweise CSS-Syntax oder ähnliches) nach bestimmten Elementen abzufragen.

Zum Beispiel diese jQuery:

$('div')

Würde nach allen <div>-Elementen auf der Seite suchen und diese zurückgeben.Dazu wird die Selektor-Engine von jQuery verwendet.

Die Optimierung der Selektor-Engine ist eine große Sache, da fast jede Operation, die Sie mit diesen Frameworks ausführen, auf einer Art DOM-Abfrage basiert.

Answer 2

Eine Selektor-Engine ist eine JavaScript-Bibliothek, mit der Sie Elemente im DOM-Baum mithilfe einer Zeichenfolge zu ihrer Identifizierung auswählen können (denken Sie an reguläre Ausdrücke für DOM-Elemente).Die meisten Selektor-Engines verwenden eine Variation der CSS3-Selektorsyntax, sodass Sie beispielsweise Folgendes schreiben können:

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

um alle P-Elemente im Dokument mit der Klasse firstParagraph auszuwählen.

Einige Selektor-Engines unterstützen auch eine teilweise Implementierung von XPath und sogar einige benutzerdefinierte Syntaxen.Mit jQuery können Sie beispielsweise Folgendes schreiben:

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

Um alle aktivierten Kontrollkästchen im Anmeldeformular im Dokument zu aktivieren.

Answer 3

Eine Selektor-Engine ist eine Möglichkeit, das DOM auf der Suche nach einem bestimmten Element zu durchsuchen.

Ein Beispiel für eine integrierte Selektor-Engine:

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

Answer 4

Außerdem ist Sizzle die Engine, an der John Resig derzeit arbeitet, um die bereits fantastische Selektor-Engine von jQuery zu ersetzen.

Answer 5

Eine Selektor-Engine wird verwendet, um Elemente in einem Dokument zu finden, genau wie CSS-Stylesheets.Derzeit verfügt nur Safari über die integrierte querySelectorAll-Funktion, die genau das tut.Bei anderen Browsern müssen Sie externe JavaScript-Implementierungen verwenden LlamaLab-Selektor oder stattdessen Sizzle.