¿Por qué jQuery no proporciona un método .firstChild?

Question

He visto muchas discusiones sobre la manera más rápida de seleccionar un primer elemento hijo usando jQuery. Como se puede esperar, la propiedad de DOM firstChild nativa es mucho más rápida que usar un selector de jQuery o una combinación de selectores: consulte http://jsperf.com/jquery-first-child-selection-performance/6. Esto no suele ser un problema, ya sea que se use en un lugar donde el rendimiento no es un gran problema, o es bastante fácil simplemente acceder al elemento DOM y usar su propiedad .firstChild. Sin embargo, hay un par de problemas con esto:

• firstChild podría devolver un nodo de texto o comentario, en lugar de un elemento, como un selector de jQuery volvería
• Si necesito para seleccionar el primer hijo de múltiples elementos , Debo usar un selector lento o realizar un trabajo extra iterando sobre los elementos DOM, agregándolos a una colección y luego volviendo a colocarlos en un objeto jQuery.

Me parece que el costo de agregar un método de firstChild a la biblioteca central de jQuery sería mucho menor que los beneficios. Tomé mi propio tiro en la creación de un procedimiento de este tipo para mi propio uso:

$.fn.firstChild = function() { 
    var ret = []; 

    this.each(function() { 
     var el = this.firstChild; 

     //the DOM firstChild property could return a text node or comment instead of an element 
     while (el && el.nodeType != 1) 
      el = el.nextSibling; 

     if (el) ret.push(el); 
    }); 

    //maintain jQuery chaining and end() functionality 
    return this.pushStack(ret); 
}; 

En las pruebas que he creado en http://jsperf.com/jquery-multiple-first-child-selection, esta función realiza más de cinco veces más rápido que cualquier otra opción. Las pruebas se basan en las pruebas mencionadas anteriormente, pero están seleccionando los primeros elementos secundarios de elementos múltiples, en lugar de seleccionar un solo elemento.

¿Hay algo que me falta? Una técnica que debería estar usando? ¿O es esto un problema de lo que uno nunca debería preocuparse? ¿Hay alguna razón para no incluir una función como esta en jQuery?

Answer 1

"¿Por qué jQuery no proporciona un método .firstChild?"

Feature creep, lo más probable.

Se puede lograr con otros métodos como usted indicó, y si el rendimiento es una preocupación, puede extender jQuery para esa necesidad específica como lo ha hecho.

---

Puede mejorar el rendimiento en el código un poco más ...

$.fn.firstChild = function() { 
    var ret = []; 
    // use a for loop 
    for (var i = 0, len = this.length; i < len; i++) { 
     var this_el = this[i], 
      el = this_el.firstElementChild; // try firstElementChild first 
     if (!el) { 
      el = this_el.firstChild; 
      while (el && el.nodeType != 1) 
       el = el.nextSibling; 
     } 
     if (el) ret.push(el); 
    } 
    //maintain jQuery chaining and end() functionality 
    return this.pushStack(ret); 
}; 

Answer 2

Para los casos de un solo elemento puede utilizar el

$('.test > eq(0)') 

que parece casi coincida con la suya en velocidad ..

http://jsperf.com/jquery-multiple-first-child-selection/2