Heim > Web-Frontend > Front-End-Fragen und Antworten > So importieren Sie lokale JQuery

So importieren Sie lokale JQuery

PHPz
Freigeben: 2023-04-17 10:59:05
Original
2952 Leute haben es durchsucht

In der Frontend-Entwicklung wird jQuery als leistungsstarke JavaScript-Bibliothek häufig verwendet. Und wenn wir jQuery lokal importieren möchten, sind die gängigen Methoden wie folgt:

1 Einführung über CDN

Der häufigste Weg, jQuery zu importieren, ist über ein CDN (Content Distribution Network). In der offiziellen Werbung von jQuery heißt es, dass sie CDN-Dienste auf mehreren Plattformen wie Google, Microsoft, CDNJS, jsDelivr usw. bereitstellen. Wir können den entsprechenden Link direkt kopieren und in das Head-Tag der HTML-Datei einfügen, zum Beispiel:

<!-- jquery cdn  -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
Nach dem Login kopieren

2 .Herunterladen und lokalisieren

Wenn Sie während der Verwendung keine Verbindung zum Internet herstellen können, können Sie jQuery von der offiziellen Website herunterladen und lokal speichern, z. B. in dem Ordner, in dem sich das Projekt befindet (z. B. im js-Ordner). , und dann importieren, zum Beispiel:

<!--   引入本地的jquery文件 -->
<script src="./js/jquery.min.js"></script>
Nach dem Login kopieren

Obwohl diese Methode manchmal die Ladezeit von Webseiten verlängert, erleichtert sie auch die Offline-Arbeit und Verwaltung des Projektcodes.

3. Installation mit NPM

Wenn wir Paketierungstools wie Webpack zum Entwickeln von Projekten verwenden, verwenden wir normalerweise NPM für die Installation. An diesem Punkt können wir jQuery über den folgenden Befehl installieren:

npm install jquery --save
Nach dem Login kopieren

Nach Abschluss der Installation können wir die Importanweisung in der JavaScript-Datei verwenden, um sie einzuführen, zum Beispiel:

import $ from 'jquery';
Nach dem Login kopieren

Es sollte beachtet werden, dass nach der Verwendung von NPM Um jQuery zu installieren, müssen wir die entsprechenden Build-Tools (z. B. Webpack) im Projekt konfigurieren, um Probleme bei der Verpackung und Ausgabe von jQuery zu lösen.

Die oben genannten sind einige gängige Methoden zum Importieren lokaler jQuery. Bei der Verwendung können wir je nach tatsächlicher Situation die Methode wählen, die am besten zu uns passt.

Das obige ist der detaillierte Inhalt vonSo importieren Sie lokale JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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