Nov 2009

JQuery-Tutorial – JQuery installieren

Was ist JQeury?

JQuery ist ein ganz besonderes Javascript Plugin! JQuery bietet Ihnen ungeahnte Möglichkeiten. Ob Sie einen Datumspicker, Tabs, ein Akkordeon (Sie werden in einer späteren Lektion sehen, was das ist) oder ein mit der Maus ziehbares Fenster erstellen möchten. Mit JQuery können Sie dies alles machen.

JQuery ist kostenlos. Die Entwickler würden sich allerdings über eine kleine Spende freuen.

Sie können JQuery hier downloaden: JQuery Download

Auf der rechten Seite können Sie sogar noch ein Template auswählen. Somit haben Sie die Möglichkeit die JQuery Objekte an Ihr Webseiten Layout anzupassen.

Nachdem Sie JQuery heruntergeladen haben, sollten Sie sich einfach mal die index.html öffnen. Hier erhalten Sie einen Vorgeschmack dessen, was Sie in den nächsten Lektionen erwartet.

Um nun JQuery in Ihr Projekt einzubinden, müssen Sie nur die Unterordner in ihr Projekt kopieren und in die betreffenden HTML Dateien die Template CSS und zwei Javascript Dateien einbinden.

Folgende drei Zeilen müssen in jeder betreffenden HTML Datei vorhanden sein:
Beispielcode HTML:

<head>
  <style type="text/css">
   <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="Stylesheet">
   <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
   <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
  </style>
 </head>

Vergleichen Sie bitte die Dateien, mit denen, die Sie heruntergeladen haben. Für dieses Tutorial habe ich die derzeit aktuelle Version 1.7.2 eingesetzt mit dem Template ui-lightness eingesetzt.

In der Zeile, in der die CSS eingebunden wird, müssen Sie ui-lightness mit Ihrem Templateordner ersetzen.

Sobald Sie diese drei Zeilen in Ihren Head eingefügt haben, können Sie mit den Funktionen von JQuery loslegen.

Glauben Sie mir: Es ist ganz einfach, aber sehr effektiv!

Share and Enjoy: Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.