Detectar si existen los elementos en jquery

Continuamos con la segunda entrega del mini curso para la optimizacion de código jQuery, normalmente al trabajar con un framework de javascript, se suele utilizar un único archivo .js para servir el código a todas las paginas web del sitio.

Normalmente este archivo suele realizar acciones sobre elementos no existentes en la pagina actual, lo cual resulta ser un problema, ya que incrementa el tiempo que tarda en ejecutarse un script jQuery, aunque jQuery suele manejar bastante bien este tipo de problemas no lo podemos dejar pasar por alto.

Este problema lo podemos arreglar de una forma bastante sencilla, solo basta con agregar una sentencia if al código, la cual se encargara de verificar si el elemento existe en la pagina o no para ver si se ejecutaran las acciones correspondientes.

Veamos un pequeño ejemplo.-

console.profile();  
var ele = $("#somethingThatisNotHere");  
ele.text("Some text").slideUp(300).addClass("editing");  
$("#mainItem");  
console.profileEnd(); 

Estos son los resultados que muestra firebug.-

Ahora agregamos la sentencia if al código para ver si existe el elemento y realizar las acciones correspondientes.-

console.profile() ;
var ele = $("#somethingThatisNotHere");
if ( ele[0] ) {
   ele.text("Some text").slideUp(300).addClass("editing");
}
$("#mainItem");  
console.profileEnd();

Firebug muestra los siguientes resultados.-

Como ven es bastante fácil, pero este método se deja a preferencia de ustedes.

Articulo 1.- Prepara la plataforma de pruebas para optimizar jQuery.

Fuente.