25 consejos para perfeccionar el uso de jQuery
Escrito por Jorge Bravo el 26 junio, 2009
En mi trabajo vengo utilizando esta librería de forma muy habitual por no decir en todos mis trabajos, he usado otras como mootools o prototype, pero jQuery se lleva la palma de oro por su sencillez y por que hay tanta gente desarrollando con ella que te puedes encontrar casi cualquier cosa que te imagines con lo cual aceleramos una barbaridad nuestro trabajo.
Y es que cuando hay cientos de webs, donde todos los días aparecen nuevos plugins y tutoriales en los que nos enseñan como hacer ta o cual cosa es casi imposible parar la avalancha que en este momento encabeza esta pequeña pero completisima herramienta, framework o librería como quieras llamarle.
1.- Carga el framework desde Google Code.
2.- Usa una chuleta.
3.- Combina todos tus scripts y reducir su tamaño.
4.- Usa las funcionalidades de la consola de Firebug.5.- Mantén las operaciones de selección al mínimo, por el almacenamiento en caché .
6.- Mantén la manipulación DOM al mínimo.
7.- Encapsula todo en un sólo elemento al hacer cualquier tipo de inserción DOM.
8.- Usar ID’s en vez de clases siempre que sea posible.
9.- Dar a los selectores un contexto.
10.- Usar los encadenamientos de forma correcta.
11.- Aprende a usar la animación correctamente.
12.- Más información sobre los eventos delegación.
13.- Usa clases para almacenar el estado.
14.- Casi mejor, usa el método interno de jQuery data() para almacenar el estado.
15.- Escribe tus propios selectores.
16.- Simplifica y modifica el código HTML una vez la página haya cargado.
17.- Carga contenido con Ajax para obtener beneficios SEO y de velocidad.
18.- Usa las funciones de utilidad de jQuery.
19.- Utiliza noconflict para cambiar el nombre del objeto jQuery al utilizar otros frameworks.
20.- Cómo saber cuando las imágenes se han cargado.
21.- Utiliza siempre la última versión.
22.- Cómo comprobar si un elemento existe.
23.- Añade una clase JS a tu atributo HTML.
24.- “Return false” para evitar el comportamiento por defecto.
25.- Versión corta del evento “ready”.
Vía: More than 25 Excellent Tips to Improve jQuery
Artículos relacionados
