¿Buscará jQuery la ID antes de filtrar otros parámetros en el selector?

Question

Esta pregunta está relacionada con el rendimiento.

Si utilizo un selector como la siguiente

$('#myID a') // Does this find #myID and filter by a? 

O debería escribir la sentencia como esta?

$('#myID').find('a') 

no estoy seguro de si jQuery es lo suficientemente inteligente como para ejecutar esta declaración utilizando el ID de primera o si funciona exactamente como CSS y lee de derecha a izquierda. No es tan importante el uso de etiquetas, pero cuando se ejecuta algo así como

$('#myID .myClass') 

Se hace una gran diferencia en el rendimiento.

Answer 1

De un artículo Nettuts: http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-think-right-to-left-with-jquery/

A modo de ejemplo, si chisporroteo viene a través de un selector como $ ('# cuadro de p'), es cierto que funciona de derecha a izquierda, pero no hay también una optimización de expresión rápida que primero determinará si la primera sección de el selector es una identificación. Si es así, lo usará como contexto, cuando busque las etiquetas de párrafo.

comentario pertinente de SizzleJS:

// Take a shortcut and set the context if the root selector is an ID 
// (but not if it'll be faster if the inner selector is an ID) 

Answer 2

Cuando hay una identificación en el selector. jQuery primero ejecutará document.getElementById y luego comenzará a filtrar elementos secundarios.

Básicamente, esta es la razón por la que nunca es una gran idea usar simplemente los selectores de atributo o clase $('.someclass') or $('[name=myname]') sin ser más específico. Porque hace que el código atraviese el DOM y mire cada elemento para encontrar esa clase.

Con solo agregar un nombre de etiqueta al mismo selector $('div.someclass') or $('div.[name=myname]') mejora la eficacia porque primero se ejecutará. document.getElementsByTagName reduciendo el número de elementos para buscar.