Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der Einführung von jQuery-Kerndateien

WBOY
Freigeben: 2024-02-22 17:42:03
Original
1268 Leute haben es durchsucht

Detaillierte Erläuterung der Einführung von jQuery-Kerndateien

jQuery ist eine beliebte JavaScript-Bibliothek, die viele Vorgänge in der Webentwicklung vereinfacht. Bevor Sie jQuery verwenden, müssen Sie zunächst verstehen, wie die jQuery-Kerndatei eingeführt wird. In diesem Artikel wird ausführlich erläutert, wie Sie jQuery-Kerndateien einführen und spezifische Codebeispiele anhängen.

1. CDN führt jQuery ein

Eine übliche Methode ist die Einführung von jQuery-Kerndateien über CDN (Content Delivery Network). Diese Methode ist nicht nur schnell, sondern auch bequem und schnell. Der folgende CDN-Link führt jQuery ein:

<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
Nach dem Login kopieren

Fügen Sie den obigen Code in die HTML-Datei ein, um die neueste Version der jQuery-Kerndatei einzuführen. Bitte beachten Sie, dass die Versionsnummer in diesem Link im Laufe der Zeit aktualisiert werden kann. Stellen Sie daher sicher, dass Sie die neueste Version herunterladen.

2. jQuery aus lokalen Dateien importieren

Zusätzlich zum Import über CDN können wir die jQuery-Kerndatei auch lokal herunterladen und über relative oder absolute Pfade importieren. Zuerst müssen wir die jQuery-Datei herunterladen. Sie können die neueste Version von der [offiziellen Website] (https://jquery.com/download/) herunterladen.

Angenommen, wir speichern die jQuery-Datei im js-Ordner des Projekts und können sie dann mit dem folgenden Code importieren:

<script src="js/jquery-3.5.1.min.js"></script>
Nach dem Login kopieren

Auf diese Weise können wir die lokale jQuery-Kerndatei importieren.

3. Verwenden Sie NPM, um jQuery zu installieren und einzuführen.

Wenn das Projekt Node.js und den npm-Paketmanager verwendet, können Sie den Befehl npm verwenden, um jQuery zu installieren und über die Import- oder Require-Anweisung einzuführen.

Führen Sie zunächst den folgenden Befehl im Projektstammverzeichnis aus, um jQuery zu installieren:

npm install jquery
Nach dem Login kopieren

Verwenden Sie dann die folgende Methode, um jQuery in die JavaScript-Datei einzuführen:

import $ from 'jquery';
Nach dem Login kopieren

Oder verwenden Sie die Anforderungsmethode:

const $ = require('jquery');
Nach dem Login kopieren

Über die obige Methode , wir können es dem Projekt hinzufügen. Führen Sie jQuery-Kerndateien ein.

4. Reihenfolge der Einführung der jQuery-Kerndatei

Um sicherzustellen, dass jQuery ordnungsgemäß ausgeführt werden kann, muss normalerweise sichergestellt werden, dass die jQuery-Kerndatei vor anderen JavaScript-Dateien importiert wird. Dies liegt daran, dass viele jQuery-Plugins und -Codes auf der Funktionalität der jQuery-Kernbibliothek basieren.

<script src="js/jquery-3.5.1.min.js"></script>
Nach dem Login kopieren

Fazit

In diesem Artikel werden verschiedene Möglichkeiten zur Einführung von jQuery-Kerndateien beschrieben, einschließlich CDN, lokaler Dateien und npm-Installation. Unabhängig davon, welche Methode verwendet wird, müssen Sie sicherstellen, dass die jQuery-Kerndatei vor anderen Skripten eingeführt wird, um den normalen Betrieb des Projekts sicherzustellen. Ich hoffe, dass dieser Artikel den Lesern helfen kann, besser zu verstehen, wie jQuery eingeführt wird.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Einführung von jQuery-Kerndateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!