Jquery Prácticas erróneas

Question

¿Cuáles son las malas/peores prácticas de JQuery que ha visto, escrito o que debería evitarse?

Answer 1

Una cosa que debe evitar es usar los selectores "fáciles de usar" en cada línea una vez más, porque la implementación de JavaScript de los selectores no es que eficiente. Por supuesto, los muchachos de Quantum lo están optimizando, sin embargo, creo que deberías usarlo lo menos posible.

Por lo tanto, esta es una mala práctica.

$("li ul span").show(); 
$("li ul span").toggleClass("bubu"); 

encadenamiento es bueno

$("li ul span").show().toggleClass("bubu"); 

Y recordando las cosas de una variable local tampoco es malo:

var allspans = $("li ul span"); 
allspans.show(); 
allspans.toggleClass("bubu"); 

Answer 2

Aún utilizando el antiguo documento de la función de lista:

$("document").ready(function(){ }); 

En lugar de la muy com lun:

$(function(){ }); 

No es realmente malo, pero muestro que la gente no se levanta con nuevas API.

Answer 3

Hay dos que veo un montón:

Primera, en un evento de clic, el id se accede de esta manera:

$("a").click(function(e){ 
    var id = $(this).attr('id'); 
}); 

Eso crea un nuevo objeto jQuery alrededor del DOM nodo, y llama a una función. La siguiente es la forma correcta:

$("a").click(function(e){ 
    var id = this.id; 
}); 

Nota: Esto también verá $(this).attr('href'), pero eso es correcto debido a la forma de jQuery se normaliza en todos los navegadores.

El segundo está pasando nada, excepto un nodo DOM en el parámetro scope de la llamada jQuery:

$(".child", $(".parent")).doSomething(); 
// or 
$(".child", ".parent").doSomething(); 

no hay aumento de velocidad en absoluto al hacer esto. Cuando usted ve un aumento de velocidad, es cuando ya tiene el elemento DOM:

$('div').click(function(){ 
    $('img', this).doSomething(); // This is good 
}); 

Answer 4

James Padolsey ha escrito en código jQuery an excellent article huele. Recomiendo leerlo