Springe zum Hauptinhalt
Universitätsrechenzentrum
jQuery

Einführung




Was wird diese Zeile jQuery-Code tun?
$("p.motiv").addClass("myclass").show("slow");
Ich bin neugierig ...

Glückwunsch!

Das ist das Ergebnis dieser einen Zeile jQuery Code.

jQuery, eine schnelle und kompakte JavaScript-Bibliothek mit Funktionen zum Navigieren und Manipulieren von DOM-Elementen,
Behandeln von Ereignissen, Animieren von Elementen und für die Serverkommunikation über Ajax.



Bei der Umsetzung von Rich Internet Applications spielt die Programmiersprache JavaScript eine entscheidende Rolle.
Dabei handelt es sich um eine clientenseitig ausgeführte Scriptsprache mit Hauptanwendungsgebiet Webbrowser.

jQuery - ein Vertreter aus der Gruppe der JavaScript-Bibliotheken (Framework) verfolgt das Ziel,
mittels vorgefertigter Klassen und Methoden die Programmierung von JavaScript zu vereinfachen und übersichtlicher zu gestalten.

4 Gründe für jQuery

  • Code der Bibliothek ist relativ klein (ca. 32kB komprimiert)
  • Unterstützt wird die Notation von CSS 1..3 für Elementauswahl
  • Browserunabhängig (jQuery unterstützt: Firefox, Safari, Opera, Chrome, IE)
  • MIT License oder GNU General Public License (GPL)

Websites, welche jQuery einsetzen

  • Google
  • DELL
  • NBC, CBS
  • Sourceforge
  • Mozilla
  • Wordpress
  • Drupal
  • Chemnitzer Linux-Tage
  • ...

weitere JavaScript-Bibliotheken (kleine Auswahl)

JavaScript BibliothekURL
Prototypehttp://www.prototypejs.org/
script.aculo.ushttp://script.aculo.us/
MooToolshttp://mootools.net/
Dojohttp://dojotoolkit.org/
SWFObjecthttp://code.google.com/p/swfobject/
Yahoo! User Interface Library (YUI)http://developer.yahoo.com/yui/
Ext Corehttp://extjs.com/products/extcore/
Chrome Framehttp://code.google.com/chrome/chromeframe/
...