Cache jQuery selector objects

[guinness]

(function goodExample($) {
    var $selector = $('.someClass');

    // Stop flickering
    $selector.hide();
    $selector.css({
        background: 'blue',
    });
    $selector.show();
}(window.jQuery));

(function badExample($) {
    // Stop flickering
    $('.someClass').hide();
    $('.someClass').css({
        background: 'blue',
    });
    $('.someClass').show();
}(window.jQuery));

By not caching jQuery selector objects, means each time the DOM needs to be traversed to find each element with the class name of 'someClass', which is an expensive operation.

Edited April 10, 2016 by guinness

[guinness]

Updated the example to adhere to the Airbnb style guide