Melhor desempenho do jQuery

Quando se trata de jQuery, o desempenho é fundamental. Certifique-se de estar sempre armazenando seus objetos em cache, encadeando métodos quando puder e usando os métodos api corretos ( neste exemplo, usando hide em vez de css ).

Mau:

$('span').click(function () {
    $('span').css("display", "none");
});
$('span').attr('style', 'background-color:yellow');
$('span').append('<a class="class">Test</a>');
$('span').append('<strong>Test2</strong>');
$('span').append('<a class="class">Test</a>');
$('span').append('<a class="class">Test</a>');

Melhor:

var span = $('span').css("background-color", "yellow");
var a = $('<a />').text('Test').addClass('class');
span.click(function () {
    span.hide();
});
span.append(a).append('<strong>Test2</strong>').append(a.clone(true)).append(a.clone(true));