jQuery ist die bei weitem beliebteste JavaScript-Sprache, die von vielen beliebten Websites im Internet verwendet wird. Da es sich jedoch um eine Bibliothek handelt, ist sie kein Bestandteil von unverändertem JavaScript. Wie können Sie dann jQuery auf Ihrer Website verwenden? Der Vorgang ist überraschend einfach und leicht, und dieser Artikel wird Sie durch ihn führen!
Schritte
Teil 1 von 3: jQuery laden
Schritt 1. Entscheiden Sie, ob Sie ein CDN verwenden oder die jQuery-Datei selbst hosten
Denken Sie daran, da jQuery kein Bestandteil von unverändertem JavaScript ist, müssen Sie den Quellcode laden, bevor Sie Ihren eigenen Code ausführen. Ein CDN (Content Delivery Network) verfügt über eine kostenlos nutzbare Datei, die Sie verlinken können, um jQuery auf Ihre Webseite zu laden.
Schritt 2. Erstellen Sie ein Tag im Kopf Ihres HTML-Dokuments
Schritt 3. Geben Sie in Ihrem Tag. ein
src="(Link zu Ihrer jQuery-Datei hier, aber ohne Klammern)"
.
Das CDN von Google befindet sich unter
Schritt 4. Stellen Sie sicher, dass das script-Tag vor allen script-Tags positioniert ist, die jQuery verwenden
Andernfalls funktioniert jQuery nicht.
Teil 2 von 3: jQuery im HTML-Dokument schreiben
Schritt 1. Erstellen Sie in Ihrem HTML-Kopf ein weiteres Skript-Tag unter Ihrem Tag, das jQuery lädt
- Schreiben
type="text/javascript"
ist unnötig, da JavaScript die Standardsprache für Skript-Tags in HTML 5 ist.
Schritt 2. Geben Sie in Ihrem Tag Ihren jQuery-Code ein
Schritt 3. Testen Sie Ihren Code, sobald er fertig ist
Teil 3 von 3: Verknüpfen mit einer externen Datei
Schritt 1. Bestimmen Sie, wo Sie Ihre jQuery-Datei hosten
Es sollte eine Datei von der offiziellen jQuery-Website sein, vorzugsweise die Produktionsversion.
Schritt 2. Erstellen Sie ein weiteres Skript-Tag nach dem Tag, das jQuery lädt
- Nochmals schreiben
type="text/javascript"
ist unnötig, da JavaScript die Standardsprache für Skript-Tags in HTML 5 ist.
Schritt 3. Schreiben Sie in Ihr öffnendes Skript-Tag
src="(Speicherort Ihrer Datei)"
.