Better jQuery Performance

When it comes to jQuery, performance is key. Be sure you are always caching your objects, chaining methods when you can, and using the correct api methods (In this example, using hide instead of css).

Bad:

$('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>');

Better:

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));