Heim > Web-Frontend > js-Tutorial > Was bedeutet $(document) und was macht es in JQuery_jquery?

Was bedeutet $(document) und was macht es in JQuery_jquery?

WBOY
Freigeben: 2016-05-16 16:41:34
Original
1808 Leute haben es durchsucht

Lassen Sie mich zunächst jQuery erklären. jQuery verfügt über eine praktische kleine Funktion zum schnellen Laden von Javascript als DOM, die bereit ist ... Sie wird ausgeführt, bevor die Seite geladen wird.

Warum nicht window.onload() verwenden, denn wenn die Funktion window.onload ausgeführt wird, muss sie anzeigen, dass alles geladen wurde, einschließlich Bilder, Banner usw. Sie sollten wissen, dass die Download-Geschwindigkeit größerer Bilder langsamer ist. Daher müssen Benutzer warten, bis die großen Bilder heruntergeladen sind, bevor sie den Codeeffekt der Ausführung von window.onload () sehen können, was eine lange Wartezeit bedeutet nicht das, was wir wollen.

Aber $(document).ready(fn): bindet eine Funktion, die ausgeführt werden soll, wenn das DOM geladen und für Abfragen und Manipulationen bereit ist.

Dies ist die wichtigste Funktion im Ereignismodul, da sie die Reaktionsgeschwindigkeit von Webanwendungen erheblich verbessern kann.

Einfach ausgedrückt ist diese Methode eine reine Alternative zur Registrierung von Ereignissen mit dem window.load-Ereignis. Mit dieser Methode können Sie die von Ihnen gebundene Funktion aufrufen, sobald das DOM geladen und zum Lesen und Bearbeiten bereit ist $(document).ready(function(){ // your code });

$(document) bedeutet, das gesamte Webdokumentobjekt abzurufen (ähnlich wie window.document),

$(document).ready bedeutet, das Dokumentobjekt abzurufen, wenn es bereit ist. Die Bedeutung des obigen Codes besteht darin, das Dokumentobjekt zu überprüfen, bis es bedient werden darf (Anmerkung des Übersetzers: Dies ist viel schneller als die Funktion window.onload(), da der Code ausgeführt werden kann, solange das Dokumentobjekt geladen ist , anstatt abzuwarten, ob der Bild-Download auf der Seite abgeschlossen ist) --- das ist es, was wir wollen.

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