Die jQuery ready() Methode

jQuery Ereignisse

Die Methode ready() legt fest, welche Funktion nach dem vollständigen Laden des DOM ausgeführt werden soll.

Die richtige Vorgehensweise ist, auf das vollständige Laden und Bereitstellen des Dokuments zu warten, bevor es verwendet wird.

Wenn Methoden vor dem vollständigen Laden des Dokuments ausgeführt werden, sind hier einige Beispiele für fehlgeschlagene Operationen:

• Versuchen Sie, ein noch nicht erstelltes Element auszuwählen

• Versuchen Sie, die Größe eines noch nicht geladenen Bildes zu ermitteln

Syntax:

Die Methode ready() wird normalerweise zusammen mit einer anonymen Funktion verwendet:

$("document").ready(function(){
　　//　Handler für den Aufruf von ready()
　　});

jQuery hat eine noch kürzere Methode, um das Ereignis "Dokument bereit" zu behandeln:

$(function(){
　　//　Handler für den Aufruf von ready()
　　});

Beispiel

Eine Nachricht wird angezeigt, wenn das DOM geladen wird:

$("document").ready(function(){
　　$("p").text("Jetzt ist der DOM geladen und kann bearbeitet werden.");
});

Verwenden Sie eine kürzere Syntax, um eine Nachricht anzuzeigen, wenn das DOM geladen wird:

$(function(){
　　$("p").text("Jetzt ist der DOM geladen und kann bearbeitet werden.");
});

Verwenden Sie ready(), um die Funktion nach dem Laden des Dokuments verfügbar zu machen:

$("document").ready(function(){
　　$("button").click(function(){
　　　　$("div").slideToggle();
　　});
});

Parameterwert

jQuery Ereignisse