Welche Datei muss jquery importieren?

Sie müssen die Datei jquery.js importieren, bevor Sie jquery verwenden können. Zwei Importmethoden: 1. Laden Sie die JQuery-Datei lokal von der offiziellen JQuery-Website herunter und importieren Sie die lokale JQuery-Datei mit dem Skript-Tag. Die Syntax lautet „> ;"; 2. Skript verwenden Das Tag importiert die Online-JQuery-Datei mit der Syntax „".

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

1. Einführung in jQuery

• jQuery ist eine js-Bibliothek, die in js-Code geschriebene function() speichert.

• Die ursprüngliche Absicht von jQuery besteht darin, JS-Code zu vereinfachen.

• Kann HTML/JSP/XML, CSS, DOM und Ereignisse verarbeiten und bietet auch asynchrone AJAX-Funktionalität.

• Zum Beispiel: document.getElementByid() kapselt eine Methode in jQuery:

function $("#id"){//函数名是$
	return document.getElementById(id);
}

2. Verwendung:

jQuery ist eigentlich eine js-Datei. Wenn wir sie verwenden, müssen wir die Datei zuerst in die Datei einführen HTML-Dokument. Es gibt zwei Möglichkeiten, JQuery zu importieren: eine ist der lokale Import und die andere ist der Import über einen Hyperlink.

Einführungsmethode eins: lokale Einführung

Wir können auf Baidu nach jquery suchen 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 Versionen . Um die komprimierte Version von jquery zu verwenden und beim Veröffentlichen des Projekts weniger Platz zu beanspruchen, wurden aus der komprimierten Version von jquery redundante Leerzeichen und Zeilenumbrüche entfernt, um den Zweck der Vereinfachung zu erreichen Projekt. Wählen Sie also 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 src="本地jquery文件路径"></script>
<script>
	//在此书写你的jquery代码
</script>

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.

Einführungsmethode zwei: Online-JQuery einführen

Wir können den Online-JQuery-Code importieren, indem wir eine URL in das src-Attribut des Skripts schreiben. Wird es beim Laden der Webseite einen Download geben? Zeit? 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 src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
	//在此书写你的jquery代码
</script>

Verwendung:

Erstellen Sie ein jQuery-Objekt. Rufen Sie die Funktion in der Bibliothek auf

[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video]

Das obige ist der detaillierte Inhalt vonWelche Datei muss jquery importieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!