jQuery

Knowledge Base

jQuery

$(document).ready(fn)

JavaScript dient oft zur Ergänzung bzw. Veränderung des geladenen HTML Dokuments. Dabei können HTML Elemente nur dann verarbeitet werden, wenn diese bereits über DOM zur Verfügung stehen.

Zu diesem Zweck gibt es in jQuery das Ereignis "ready", bei dem entsprechende Ereignisbehandlungsroutinen definiert werden  können:

$(document).ready(
    function() { console.log("Dokument ist bereit für Veränderungen durch JavaScript"); });

Alternative:

$(function() { console.log("Dokument ist bereit für Veränderungen durch JavaScript"); });

Zu diesem Zeitpunkt ist das HTML Dokument vollständig geparst und alle HTML Elemente stehen für Veränderungen bereit. Das bedeutet nicht, dass tatsächlich alle Dateien geladen sind (Bilder / Hintergrund-Bilder / asynchron geladene JavaScript-Dateien etc.) werden evtl. erst noch geladen.

Das vollständige Dokument (alle Dateien) ist erst mit dem Window Load Ereignis vollständig geladen:

$(window).load(
    function() { console.log("Alle Dateien (auch Bilddateien sind) geladen."); });