jQuery Schnellstart / jQuery Schnellstart Modul 1 – Grundlagen einfach verstehen
0%
In Bearbeitung

jQuery Schnellstart – Download bzw. Einbindung von jQuery

Wie bei anderen Programmiersprachen auch, brauchen wir zum Coden mit jQuery einen Editor.  Welchen Editor du bevorzugst, liegt bei dir. Du kannst jeden Editor benutzen, der JavaScript unterstützt.

Hier im jQuery-Schnellstart benutzen wir den LerneProgrammieren Online-Editor. Du musst also nichts installieren und kannst sofort loslegen. Der Vollständigkeit halber sind hier ein paar beliebte Editoren, wenn du lieber Offline programmieren möchtest.

Editor-Favoriten

Erneuter Hinweis: Ein Editor-Download ist freiwillig. Du kannst den gesamten jQuery-Schnellstart auch mit unserem LerneProgrammieren Online-Editor durcharbeiten.

jQuery einbinden bzw. downloaden

Es gibt mehrere Möglichkeiten, jQuery auf deinen Websites zu verwenden. Die bekanntesten sind folgende zwei Möglichkeiten:

  1. jQuery von einer externen Quelle einbinden, über einen sogenannten CDN. Du kannst z.B. den kostenlosen CDN von jQuery.com oder Google benutzen
  2. jQuery-Bibliothek von jQuery.com herunterladen.  (z.B. wenn du nicht mit dem LerneProgrammieren Online-Editor arbeiten möchtest.

1. jQuery von einer externen Quelle einbinden (kein Download notwendig)

Wenn Du jQuery nicht herunterladen und hosten möchtest, kannst du es über einen CDN (Content Delivery Network) einbinden.

So geht's - Füge dafür folgenden <script> Code in den Footer einer .HTML-Datei ein:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

Viele Leute haben bereits jQuery von Google oder anderen Quellen heruntergeladen, da sie eine andere Website besucht haben, wo dieser Code eingebunden war. Daher wird die jQuery-Datei aus dem Cache geladen, was zu einer schnelleren Ladezeit führt.

2. jQuery herunterladen und selbst hosten

Wenn Du jQuery lieber downloaden und dann selbst hosten willst, kannst du es wie folgt einbinden.

<script src="jquery-3.4.1.min.js"></script>

Hinweis: Achte darauf den richtigen Unterordner unter src="" anzugeben, wenn du die jQuery-Datei nicht im Root-Ordner ablegst.

Ok jetzt wo du weißt, wie man jQuery einbindet, können wir unseren ersten Code schreiben. Wir sehen uns in der nächsten Lektion.