¿Qué es un motor selector?

Question

He visto noticias de El nuevo y rápido motor selector de John Resig llamado Sizzle Aparece en bastantes lugares, pero no sé qué es un motor selector, ni ninguno de los artículos ha dado una explicación de qué 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

Se utiliza un motor de selección para consultar el DOM de una página en busca de 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> de la página.Utiliza el motor de selección 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 2

Un motor de selección es una biblioteca de JavaScript que le permite seleccionar elementos en el árbol DOM usando 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 CSS3, por lo que, por ejemplo, puedes 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 marcadas en el formulario de inicio de sesión del documento.

Answer 3

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

Un ejemplo de un motor selector integrado:

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

Answer 4

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

Answer 5

Se utiliza un motor de selección para buscar elementos en un documento, de la misma manera que lo hacen las hojas de estilo CSS.Actualmente, sólo Safari tiene la función querySelectorAll incorporada que hace precisamente eso.Con otro navegador tienes que usar implementaciones externas de JavaScript como Selector de LlamaLab o Chisporrotear en su lugar.