jQuery-Installation

Fügen Sie jQuery zu Ihrer Webseite hinzu

Um jQuery zu verwenden, müssen Sie die jQuery-Bibliothek herunterladen (dies wird weiter erläutert) und sie in der zu verwendenden Webseite enthalten.

Die jQuery-Bibliothek ist eine JavaScript-Datei, die Sie mit dem <script>-Tag in HTML referenzieren können:

<head>
<script src="jquery.js"></script>
</head>

Bitte beachten Sie, dass das <script>-Tag im <head>-Teil der Seite platziert sein sollte.

Hinweis:Sind Sie verwirrt, warum wir den Typ="text/javascript" nicht im <script>-Tag verwenden?

In HTML5 ist dies nicht erforderlich. JavaScript ist das Standard-Skriptsprache in HTML5 sowie in allen modernen Browsern!

Download jQuery

Es gibt zwei Versionen von jQuery zum Herunterladen:

  • Produktionsversion - für die tatsächliche Website, wurde reduziert und komprimiert.
  • Entwicklungsversion - für Tests und Entwicklung (nicht komprimiert, lesbarer Code)

Beide Versionen sind von jQuery.com Herunterladen.

Hinweis:Sie können die heruntergeladenen Dateien in das gleiche Verzeichnis wie die Seite legen, was bequemer ist.

Alternative Optionen

Wenn Sie jQuery nicht herunterladen und speichern möchten, können Sie es auch über CDN (Content Delivery Network) verwenden.

Die Server von Google und Microsoft speichern jQuery.

Um jQuery von Google oder Microsoft zu referenzieren, verwenden Sie eines der folgenden Codes:

Google CDN:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>

Probieren Sie es selbst aus

Hinweis:Um die neueste verfügbare Version über Google CDN zu erhalten:

Wenn Sie die Google-URL beobachten - die jQuery-Version wird in der URL angegeben (1.8.0). Wenn Sie die neueste Version von jQuery verwenden möchten, können Sie eine Zahl von der Endung der Versionszeichenfolge entfernen (z.B. im Beispiel 1.8), dann gibt Google die neueste verfügbare Version der 1.8-Serie zurück (1.8.0, 1.8.1 usw.), oder Sie können nur die erste Zahl behalten, dann gibt Google die neueste verfügbare Version der 1-Serie zurück (von 1.1.0 bis 1.9.9).

Microsoft CDN:

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>

Probieren Sie es selbst aus

Hinweis:Eine große Vorteile von jQuery von Google oder Microsoft ist:

Viele Benutzer haben jQuery bereits von Google oder Microsoft geladen, wenn sie andere Websites besuchen. Als Ergebnis laden sie jQuery aus dem Cache, wenn sie Ihre Website besuchen, was die Ladezeit verkürzt. Gleichzeitig können die meisten CDN sicherstellen, dass die Antworten von dem nächstgelegenen Server zurückgegeben werden, wenn der Benutzer Dateien anfordert, was ebenfalls die Ladezeit erhöhen kann.