jQuery importieren

1. Importieren von jQuery mit dem Script-Tag
2. Verwendung von die ES6-Syntax zum Importieren von jQuery
3. Verwenden Sie Browserify/Webpack, um jQuery zu importieren
4. Verwendung von AMD (Asynchronous Module Definition) zum Importieren von jQuery

Es gibt mehrere Möglichkeiten, jQuery mit verschiedenen Plattformen zu importieren. Dieses Tutorial zeigt verschiedene Möglichkeiten zum Importieren von jQuery in die Umgebung.

Importieren von jQuery mit dem Script-Tag

Dies ist die gebräuchlichste Methode zum Importieren der jQuery-Datei in das HTML-Tag script. Wir können entweder einen Link zur Quelle angeben oder die Datei herunterladen und den Pfad zur Datei in der Quelle angeben.

Siehe Beispiel:

Über den Link:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

Verwendung der heruntergeladenen Datei:

<script src="C:\Users\etc\jquery-3.6.0.min.js"></script>

Beide Methoden sind beim einfachen jQuery-Import nützlich.

Verwendung von die ES6-Syntax zum Importieren von jQuery

Babel ist ein JavaScript-Compiler der nächsten Generation. Babel hat die Funktionalität, ES6- und ES2015-Module des JavaScript-Codes zu kompilieren.

Diese Methode wird nur von Compilern wie Babel unterstützt; Browser unterstützen ES6/ES2015 nicht. Sehen Sie unten, wie Sie jQuery mit der ES6-Syntax importieren.

import {$, jQuery} from 'jquery';
// to use jQuery
window.$ = $;
window.jQuery = jQuery;

Oder ein einfacherer Weg:

import jQuery from 'jquery';
window.$ = window.jQuery = jQuery;

Beide Methoden sind praktisch für Compiler wie Babel.

Verwenden Sie Browserify/Webpack, um jQuery zu importieren

Browserify und Webpack können auf verschiedene Weise verwendet werden. Wir können jQuery als Variable in Browserify/Webpack importieren.

Siehe Beispiel:

var $ = require('jquery');

Für weitere Informationen kann die offizielle Dokumentation unten eingesehen werden.

1. Browserify
2. Webpack

Verwendung von AMD (Asynchronous Module Definition) zum Importieren von jQuery

Asynchronous Module Definition (AMD) ist das für die Browser erstellte Modulformat. Wir können die jQuery in AMD mit einer Funktion importieren.

Siehe Beispiel:

define(['jquery'], function($) {
  // code here
});

Weitere Informationen zu AMD finden Sie hier.