2008-08-25 15 views

Respuesta

46

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

Por ejemplo, este jQuery:

$('div') 

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

La optimización del 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.

2

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

18

Un motor de selector es una biblioteca 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 selectores utilizan alguna variación de los selectores CSS3 sintaxis así, por ejemplo, puede escribir algo como:

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

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

Algunos motores de selector también admiten una implementación parcial de XPath, e incluso algunas sintaxis personalizadas. Por ejemplo, jQuery le 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 del documento.

+0

Supongo que solo necesita incluir el archivo "js" en su página. ¿Necesita JQuery o alguna otra biblioteca para usarlo? – Tebo

6

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

Un ejemplo de un sistema incorporado en el motor de selección:

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

gracias por el buen ejemplo 'built-in selector engine' Leí algunas respuestas y todavía me pregunto,' getElementById' es un motor selector o no (parece, pero demasiado obvio así que nadie menciona: D) – hqt

1

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

Cuestiones relacionadas