Buenas prácticas con jQuery

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Refrescar el DOM sólo cuando sea necesario

$('body').append('<ul id=”list” ></ul>');
for(var i = 1; i<100; i++){
	//cien llamadas al método append
	$('#list').append('<li>' + i + '</li>');
}

→ 

var list = '<ul id=”list”>';
for(var i = 1; i<100; i++){
	list += '<li>' + i + '</li>';
}
list += '</ul>';
//una sola llamada al método append
$('body').append(list);

Evitar acceso repetido a objetos jQuery

$(“#main_menu”).css(“background”,”red”);
$(“#main_menu”).css(“color”,”blue”);
$(“#main_menu”).css(“width”,”200px”);
$(“#main_menu”).css(“height”,”300px”);
→
$main_menu = $(“#main_menu”);
$main_menu.css(“background”,”red”);
$main_menu.css(“color”,”blue”);
$main_menu.css(“width”,”200px”);
$main_menu.css(“height”,”300px”);