Jquery in HTML einbinden : So wirds gemacht!

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys

Jquery kannst du relativ einfach in deine HTML Webseite einbinden. Dazu hast du zwei Möglichkeiten.

Arten der Einbindung

  • Entweder du lädst Jquery herunter und bindest es dann ein
  • Oder du nutzt das CDN von Jquery

CDN bedeutet Content Delivery Network und bedeutet nichts anderes das der Jquery Code auf einem anderen Server für dich bereit gestellt wird.

Jquery in HTML mit CDN einbinden

Zuerst gehst du auf die CDN Webseite von Jquery und wählst die Version die du benötigst aus.

Der Script Code kommt dann in den Head Bereich deiner Webseite. Füge die Version deiner Wahl in deine Webseite ein.

Beispiel

<head>

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

</head>

Jquery Herunterladen und selber einbinden

Die zweite Möglichkeit ist, dass du Jquery herunterlädst und dann einfach in deine Webseite einbindest. Du musst den Code auf deinen Webserver laden.

Beispiel
Um Jquery korrekt in deine Webseite einzubinden musst du den genauen Pfad und die genaue Javascript Datei angeben. Das war alles.

<head>

<script src="ordner-zu-jquery/jquery-xxx.js"></script>

</head>

Jetzt HTML lernen

Fazit

Jquery ist relativ schnell in deine Webseite eingebunden. Du solltest jedoch folgendes beachten CDN Server die dir die Dateien bereitstellen sind praktisch, können aber die Ladezeiten deiner Webseite erhöhen, da du ein externes Script einbinden musst. Funktionieren tun aber beide Lösungen gleich gut. Nur wenn du wert auf Ladezeit legst solltest du die Dateien besser herunterladen.

Weitere Beiträge zu HTML

HTML: Text in Zwischenablage kopieren – So gehts
HTML: Grundgerüst – Webseite erstellen
HTML: Textarea erstellen – So gehts
PHP in HTML einfügen – So gehts!
HTML: Rahmen um Text – So gehts

HTML Datei öffnen – Kostenloser Editor 2021
HTML: Anker erstellen – So wirds gemacht!
HTML: 302 Redirect – So einfach gehts!
HTML: URL Parameter Erklärung
HTML: Bild einfügen – So gehts!

Jquery in HTML einbinden : So wirds gemacht!
HTML: Zurück Button & Link erstellen: So gehts!
HTML: Versteckter und Unsichtbarer Text : So gehs
HTML: Großbuchstaben schreiben: So gehts!
HTML: Icons einfügen: So gehts!

HTML: iFrame in Webseite einbinden – So gehts!
HTML: Liste erstellen – So gehts!
HTML: Erzwungenes Leerzeichen einfügen – So gehts!
CSS in HTML einbinden – So gehts!
HTML: Leerzeichen erstellen – So einfach gehts!

HTML: Auskommentieren – So gehts!
HTML: Bild zentrieren und mittig ausrichten
HTML: Fett schreiben – So einfach gehts!
HTML Text ausrichten: rechtsbündig & linksbündig
HTML: Zeilenabstand einstellen – So gehts!

HTML: Trennlinie einfügen – So gehts!
HTML: Absatz einfügen – So gehts!
HTML: Horizontale Linie – So gehts
HTML: Tabellen erstellen – So gehts!
HTML: Datum & Uhrzeit anzeigen – So gehts!


Das könnte dich interessieren!

Weitere Kategorien






Schreibe einen Kommentar



24828