$(document).ready()

Swobodne manipulowanie zawartością strony możliwe jest dopiero wówczas, gdy nasz dokument jest „gotowy”. Biblioteka jQuery wykrywa ten stan gotowości za pomocą konstrukcji $(document).ready(). Umieszczony wewnątrz niej kod zostawnie wykonany wtedy, gdy strona będzie gotowa do wykonania kodu JavaScript.

Przykład 3.1. Blok $(document).ready()

$(document).ready(function() {
    console.log('gotowy!');
});

Czasem można spotkać się ze skróconą wersją bloku $(document).ready() — nie zalecam jednak jej stosowania kiedy piszesz kod dla kogoś niezaznajomionego ze specyfiką biblioteki jQuery.

Przykład 3.2. Skrócona wersja $(document).ready()

$(function() {
    console.log('gotowy!');
});

Do funkcji $(document).ready() można również zamiast funkcji anonimowej przekazać funkcję nazwaną.

Przykład 3.3. Przekazywanie nazwanej funkcji zamiast funkcji anonimowej

function gotowaFn() {
    // kod, który zostanie wykonany jak tylko dokument będzie gotowy
}
$(document).ready(gotowaFn);