javascript - ¿Qué es un motor selector?

href javascript onclick

Question

He visto noticias del nuevo y rápido motor de selección de John Resig llamado Sizzle en varios lugares, pero no sé qué es un motor de selección, ni ninguno de los artículos ha dado una explicación de lo que es. Sé que Resig es el creador de jQuery, y que Sizzle es algo en Javascript, pero más allá de eso no sé qué es. Entonces, ¿qué es un motor selector?

¡Gracias!

Answer 1

Además, Sizzle es el motor en el que John Resig está trabajando actualmente para reemplazar el ya fantástico motor de selección de jQuery.

Answer 2

Un motor de selección es una biblioteca de JavaScript que le permite seleccionar elementos en el árbol DOM utilizando algún tipo de cadena para identificarlos (piense en expresiones regulares para elementos DOM). La mayoría de los motores de selección utilizan alguna variación de la sintaxis de los selectores de CSS3, por lo que, por ejemplo, puede escribir algo como:

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

para seleccionar todos los elementos P en el documento con la clase firstParagraph.

Algunos motores de selección también admiten una implementación parcial de XPath e incluso algunas sintaxis personalizadas. Por ejemplo, jQuery te permite escribir:

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

Para seleccionar todas las casillas de verificación marcadas en el formulario de inicio de sesión en el documento.

Answer 3

Un motor de selector se utiliza para consultar el DOM de una página para elementos particulares, en función de algún tipo de consulta (generalmente sintaxis CSS o similar).

Por ejemplo, este jQuery:

$(''div'')

Buscaría y devolvería todos los elementos <div> en la página. Utiliza el motor selector de jQuery para hacer eso.

Optimizar el motor de selección es un gran problema porque casi todas las operaciones que realiza con estos marcos se basan en algún tipo de consulta DOM.

Answer 4

Un motor selector es una forma de recorrer el DOM buscando un elemento específico.

Un ejemplo de un motor de selector integrado:

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

Answer 5

Se usa un motor selector para encontrar elementos en un documento, de la misma forma que las hojas de estilo CSS. Actualmente, solo Safari tiene incorporada la función querySelectorAll que hace precisamente eso. Con otro navegador, debe usar implementaciones externas de JavaScript como LlamaLab Selector o Sizzle en su lugar.