Heim > Web-Frontend > js-Tutorial > Hauptteil

Einführung in die Verwendung von $(document).ready() in jQuery

巴扎黑
Freigeben: 2017-06-25 10:30:11
Original
1168 Leute haben es durchsucht

Das Erste, was Sie über jQuery lernen sollten, ist: Wenn Sie möchten, dass ein Ereignis auf Ihrer Seite ausgeführt wird, müssen Sie dies in $(Dokument tun ) Rufen Sie dieses Ereignis in .ready() auf

Das Erste, was Sie über jQuery lernen sollten, ist: Wenn Sie möchten, dass ein Ereignis auf Ihrer Seite ausgeführt wird, müssen Sie dieses Ereignis in $(document).ready() aufrufen . Alle in $(document).ready() enthaltenen Elemente oder Ereignisse werden unmittelbar nach dem Laden des DOM und vor dem Laden des Seiteninhalts geladen.
Wenn Sie möchten, dass ein Ereignis auf Ihrer Seite funktioniert, sollten Sie es innerhalb der Funktion $(document).ready() aufrufen. Alles darin wird geladen, sobald das DOM geladen wird und vor Der Seiteninhalt wird geladen.

Der Code lautet wie folgt:

$(document).ready(function() {
// Fügen Sie hier all Ihre jQuery-Qualitäten ein.
});


Es gibt viele Möglichkeiten, sicherzustellen, dass Ereignisse auf der Seite ordnungsgemäß funktionieren, und $(document).ready() hat mehr Vorteile als andere Methoden. Erstens müssen Sie Ihrem HTML kein „verhaltensbezogenes“ Markup hinzufügen. Darüber hinaus können Sie JavaScript/jQuery in eine unabhängige JS-Datei schreiben, was einfach zu warten ist und die Isolierung von JS und Seiteninhalt gewährleistet. Wenn Sie beim Surfen im Internet vorsichtiger sind, werden Sie häufig diese Situation erleben: Wenn Sie mit der Maus über eine Verbindung fahren, wird manchmal eine Meldung wie „javascript:void()“ in der Statusleiste angezeigt. Dies geschieht, wenn Sie ein Ereignis direkt in das -Tag einfügen.

Auf einigen Seiten, die herkömmliches JavaScript verwenden, sehen Sie das Attribut „
onload“ im Dies führt zu einem Problem: Es darf nur ein Funktionsereignis im Körper vorhanden sein. Ja, da dem Inhalt ein „Verhaltens“-Tag hinzugefügt wird. Wenn Sie dieses Problem lösen möchten, lesen Sie bitte Jeremy Keiths Buch: DOM Scripting, in dem beschrieben wird, wie eine „addLoadEvent“-Funktion in einer einzelnen js-Datei erstellt wird, die das Laden mehrerer Funktionen in den Hauptteil ermöglicht. Aber diese Methode erfordert das Schreiben einer beträchtlichen Menge Code für ein ansonsten einfaches Problem. Darüber hinaus löst diese Methode diese Ereignisse aus, wenn das Fenster geladen wird, was mich erneut an die Vorteile von $(document).ready() erinnern muss.

Mit $(document).ready() können Sie Ihre Ereignisse laden oder auslösen, bevor das Fenster geladen wird. Alles, was Sie in dieser Methode schreiben, kann zum frühestmöglichen Zeitpunkt geladen oder ausgelöst werden. Mit anderen Worten: Sobald das DOM im Browser registriert ist, beginnt die Ausführung des Codes in $(document).ready(). Auf diese Weise können die Spezialeffekte ausgeführt werden, wenn der Benutzer das Seitenelement zum ersten Mal sieht.

Das obige ist der detaillierte Inhalt vonEinführung in die Verwendung von $(document).ready() in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage