Cuándo utilizar los métodos jQuery wrapper en lugar de los métodos incorporados de javascript

Question

¿Qué métodos jQuery se deben evitar a favor de los métodos/propiedades integradas?

Ejemplo:

$('#el').each(function(){ 

    // this.id vs $(this).attr('id'); 
    // this.checked vs $(this).is(':checked'); 

});; 

Answer 1

Ésta es una pregunta amplia, pero aquí hay un par de guías que creo que son útiles. Puede/debe usar métodos nativos js cuando:

1. Ya sabe lo que está haciendo. Es decir, conoce las especificaciones y las posibles incoherencias entre los navegadores.
2. Está escribiendo un fragmento de código de rendimiento crítico donde la conveniencia no es la prioridad
3. No está satisfecho con la forma en que funciona la función de biblioteca. Esto puede descomponer a lo siguiente: aplicación
   • biblioteca está libre de errores, (que pasa)
   • implementación de la biblioteca es incompleta (por ejemplo, todavía no soporta algunas características nuevas que están bien para utilizar en su caso)
   • simplemente su visión de alguna característica es diferente de la biblioteca de aplicación

La primera condición debe ser cierto en cualquier caso :) Los otros pueden combinar o ir por separado. Entiendo que todos son discutibles y pueden provocar largas conversaciones sobre filosofía, pero creo que son buenos puntos de partida y resumen muchos casos.

Pero la conclusión es - si no tiene un motivo para evitar los métodos de la biblioteca, ¡úselos!

Answer 2

que utiliza la propiedad Javascript directa como this.id en estos casos:

1. Cada vez que hace exactamente lo que quiero.
2. Cuando la velocidad es importante.
3. Cuando todos los navegadores que me interesan soportan exactamente lo que necesito.

uso el método de acceso jQuery cuando:

1. Hay problemas de soporte de navegadores o no estoy seguro de que no hay problemas con el navegador cruz.
2. Cuando el modo jQuery tiene más o mejor funcionalidad que es útil en mi circunstancia.
3. Cuando es parte de una operación encadenada y el encadenamiento funciona mejor con jQuery.
4. Cuando ya estoy usando jQuery para esta operación y parece incoherente mezclar/combinar algunos accesos directos y algunos jQuery.

Por ejemplo: str = $(elem).html() realmente no tiene ninguna ventaja sobre str = elem.innerHTML, pero $(elem).html(str) tiene algunas ventajas sobre elem.innerHTML = str; porque el método jQuery va a limpiar los objetos que se están eliminando de forma más completa que la forma innerHTML.

Answer 3

La mayoría de las propiedades DOM están libres de problemas en todos los principales navegadores. Para los dos ejemplos que menciona (id y checked), las propiedades DOM son 100% confiables y deben usarse con preferencia al equivalente jQuery para confiabilidad, rendimiento y legibilidad.

Lo mismo vale para todas las propiedades correspondientes a los atributos booleanos: readonly, disabled, selected son comunes. Here are some more. className también es 100% sólido. Para otras propiedades y atributos, depende de usted. Usar una biblioteca como jQuery puede ser el mejor enfoque para estos si no está seguro y puede darse el lujo de perder algo de rendimiento (generalmente el caso).

desbordamiento de pila regular de Andy Earnshaw ha blogueado en esto: http://whattheheadsaid.com/2010/10/utilizing-the-awesome-power-of-jquery-to-access-properties-of-an-element