Muss ich es importieren, bevor ich JQuery verwende?

Sie müssen jquery importieren, bevor Sie es verwenden können. Zwei Importmethoden: 1. Laden Sie die JQuery-Datei lokal von der offiziellen JQuery-Website herunter und verwenden Sie das Skript-Tag im HTML-Dokument, um die lokale JQuery-Datei zu importieren. Die Syntax lautet „"; 2. Verwenden Sie das script-Tag in HTML, um die Online-JQuery-Datei mit der Syntax „" zu importieren.

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.0-Version, Dell G3-Computer.

jquery ist eine Bibliothek, die zum schnellen Schreiben einer Front-End-Skriptsprache anstelle von JavaScript verwendet wird. Mit jquery kann komplexer JS-Code erheblich vereinfacht werden, sodass sich Entwickler auf die Erzielung der Seitenwirkung konzentrieren können.

jquery muss vor der Verwendung in ein HTML-Dokument importiert werden. Es gibt zwei Möglichkeiten, JQuery zu importieren: eine ist der lokale Import und die andere ist der Import über einen Hyperlink.

Methode 1: Lokaler Import

Wir können jquery auf Baidu durchsuchen und die offizielle Website von jquery finden: https://jquery.com/

Sie können die neueste Version von jquery hier herunterladen. Klicken Sie auf Download-Symbol, es wird zur Download-Detailseite gesprungen:

Die ersten beiden Links hier sind zwei Versionen von JQuery-Downloads, eine ist die komprimierte Version und die andere ist die unkomprimierte Version. Es gibt keinen funktionalen Unterschied zwischen den beiden Um jedoch die komprimierte Version von jquery zu verwenden und beim Veröffentlichen des Projekts weniger Platz zu beanspruchen, haben wir als Entwickler die redundanten Leerzeichen und Zeilenumbrüche entfernt Habe das Projekt noch nicht veröffentlicht, also wähle einfach die zweite unkomprimierte Version (unkomprimiert).

Klicken Sie auf den Link und Sie können den Quellcode von jquery sehen. Wir drücken direkt Strg + A, wählen alle aus, erstellen eine neue TXT-Datei, kopieren den Quellcode hinein und ändern dann das Suffix in .js.

Als nächstes führen wir diese .js-Datei auf der Seite ein, auf der wir jquery verwenden möchten. Der Code lautet wie folgt:

<script></script>
<script>
	//在此书写你的jquery代码
</script>

Achtung

Achtung! Stellen Sie sicher, dass Sie zuerst das importierte Skript und dann Ihren eigenen JQuery-Code schreiben, da die Ladereihenfolge der Seite von oben nach unten erfolgt. Der Browser lädt zuerst Ihren JQuery-Code und dann die JQuery-Bibliothek, wodurch Ihr JQuery-Code als ein betrachtet wird Fehler. Das Schreibformat kann den Effekt nicht erzielen.

Methode 2: Online-JQuery importieren

Wir können den Online-JQuery-Code importieren, indem wir eine URL in das src-Attribut des Skripts schreiben. Manche Leute fragen sich vielleicht, ob es einen Online-JQuery-Code geben wird, wenn die Webseite ist geladen? Zeit, jquery herunterzuladen? Wird der Download lange dauern, sodass Ihr JQuery-Code nie geladen wird, was sich auf die Benutzererfahrung auswirkt?

Tatsächlich gibt es mittlerweile so viele Websites, die Jquery verwenden. Der Browser lädt JQuery vorab herunter, wenn die Website geladen wird, die zuvor JQuery verwendet hat, sodass wir es nicht erneut herunterladen müssen, selbst wenn unsere JQuery-Version eine neue ist 1 Bei Versionen, die nicht vom Browser geladen wurden, wird der JQuery-Code sehr schnell heruntergeladen. Wenn Sie jedoch immer noch Bedenken haben, dass die Ladegeschwindigkeit beeinträchtigt wird, ist das lokale Importieren der JQuery-Datei tatsächlich die beste Möglichkeit.

Zum Beispiel die Online-JQ-Datei der offiziellen JQuery-Website: https://code.jquery.com/jquery-3.6.0.min.js

Online-JQuery importieren:

<script></script>
<script>
	//在此书写你的jquery代码
</script>

[Lernempfehlung: jQuery-Video-Tutorial 、Web-Frontend-Video】

Das obige ist der detaillierte Inhalt vonMuss ich es importieren, bevor ich JQuery verwende?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!