So importieren Sie lokale JQuery

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>

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>

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 Abschluss der Installation können wir die Importanweisung in der JavaScript-Datei verwenden, um sie einzuführen, zum Beispiel:

import $ from 'jquery';

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!