Tomado de
http://groups.google.com/group/jquery-es/web/25-consejos-y-trucos-sobre-...
=======================================================================================
1.- Carga el framework desde Google Code.
Hay varias ventajas en la carga desde Google en lugar desde tu propio servidor. Se ahorra ancho de banda, carga muy rápidamente desde la CDN de Google y lo más importante, ya estará almacenado en caché si el usuario ha visitado un sitio almacenado en Google Code.
2.- Utiliza una hoja de trucos (cheat sheet)
Imposible recordar todos los comandos de jQuery... lo mejor es usar una hoja de trucos (Cheat sheet)
Esta es la mejor hoja de trucos para la versión de jQuery 1.3 http://twitter.com/jquery_es/statuses/4682853171
9.- Dar a los selectores un contexto.
La función de jQuery toma un segundo parámetro al realizar una selección.
jQuery( expression, context )
Al proporcionar un contexto para un selector, se le está dando un elemento para iniciar la búsqueda de modo que no tenga que recorrer todo el DOM.
por ejemplo, con el siguiente código se busca solamente los #listItem que se encuentran dentro de .myList
var selectedItem = $('#listItem' + i, $('.myList'));
En otras palabras: Estás acotando la búsqueda
12.- Más información sobre la delegación de "event".
Con jQuery es muy fácil asociar eventos a los elementos del DOM, pero agregar demasiados eventos es ineficiente. Mira el siguiente código:
$('#myTable TD').click(function(){
$(this).css('background', 'red');
});
Ahora, si tuvieses una table con 50 filas y 10 columnas, se traduciría que el evento click identificó a 500 posibles candidatos para poner el fondo rojo y luego se pudo sobre uno, pero lo que tu buscabas con este código es sólo poner la celda clickqueada en rojo. entonces, utiliza esto:
$('#myTable').click(function(e) {
var clicked = $(e.target);
clicked.css('background', 'red');
});
El parámetro 'e' tiene información sobre el evento, por ejemplo: e.target es el objeto al cual se le ejecutó directamente el evento. Bingo!! no tuvimos que recorrer las 500 posibilidades.
17.- Carga contenido con Ajax para obtener beneficios SEO y de velocidad.
El contenido más importante de tu página que se carge directamente por HTML, el resto que se carge asincrónicamente con AJAX.
Que es SEO... la mejor explicación es esta: http://es.wikipedia.org/wiki/Search_engine_optimization
22.- Cómo comprobar si un elemento existe.
Afortunadamente con jQuery, cuando trabajas con un elemento que no existe, eso no arroja error, algo que si ocurre con JavaScript puro.
El problema es que si tienes una gran cantidad de código destinado para que se ejecute con algun elemento, desperdiciaras ese tiempo si dicho elemento no existe, por lo tanto, es muy recomendable verificar si existe antes... como? asi:
if ($('#myDiv).length) {
// your code
}
23.- Añade una clase JS a tu atributo HTML.
Supon que tienes un "sector" de tu página web que es dinámico, es decir, el contenido será cargado solamente con JavaScript (jQuery), ahora, que pasa si el usuario no tiene habilitado JavaScript en su navegador (a pesar de que la mayoría lo tiene por defecto, se debe pensar en la universalidad de posibilidades) lo más recomendable en dicho caso sería ocultar dicho "sector".
La mejor forma de hacer esto, es agregar la clase "JS" a la etiqueta HTML a penas carge la página de la siguiente forma:
$('HTML').addClass('JS');
Luego, podrás facilmente hacer esto:
/*por defecto está oculto*/
#myDiv{display:none;}
/*si JS está habilitado lo mostramos*/
.JS #myDiv{display:block;}
===========================================
Una hoja de trucos (cheat sheet) puede ser encontrada aquí