ServiceHome Dev-Blog

Ich habe gerade im Bereich der Entwicklung von Konfiguratoren für Webshops schon so einiges an Javascript entwickelt. Im Laufe der Zeit hat man den Code immer mal wieder angefasst und umgeschrieben, wurde aber nie so recht glücklich. Von einem Browser zum nächsten konnte schon wieder ein Patch notwendig sein.

Warum also nicht vom Wissen vieler profitieren? Angefangen habe ich mit einem AJAX-Framework Sarissa (http://dev.abiss.gr/sarissa/). Hierdurch waren die ersten Schritte mit asynchronen Javascripten schon etwas einfacher zu handeln. Im weiteren Verlauf kam dann Prototype (http://www.prototypejs.org/) zum einsatz um einfach einige Klassen in JavaScript abzubilden.

Aber dann kam jQuery (http://jquery.com/)! Ich liebe dieser Framework geradezu. Das mir wohl liebste Feature sind die Selektoren um Elemente der DOM zu finden und zu bearbeiten. Durch den Einsatz von CSS Syntax zum auswählen ist der Lernaufwand minimal und lohnt sich gleich doppelt. Mal eben die Schriftfarbe aller input-Felder ändern? Kein Problem:

$('input').each(function (index, element) {
  element = $(element);
  element.css("color", "blue");
});

Nein, ich halte dies nicht für einen guten Anwendungsfall, aber es demonstriert recht gut, wie einfach man über die CSS Selektoren auf die DOM Zugreifen kann. Der größte Vorteil ist die Browserübergreifend gleiche Syntax. Hier ein Beispiel um die float-Eigenschaft eines Elements zu ändern. Zuerst die allgemeine Variante, dann mit jQuery:

var element = document.getElementById("test");
element.style.cssFloat = "left"; // IE
element.style.css = "left";  // andere

mit jQuery

$('#test').css("float", "left"); // alle unterstützen Browser

Fazit

Ich denke jeder Entwickler sollte sich jQuery einmal ansehen. Es liefert in vielen Fällen sehr viel wartbareren Code und es macht außerdem viel Spaß. Auf jeden Fall sollte man sich auch jQuery-UI ansehen (http://jqueryui.com/). Viele Widgets und Effekte und das mit ganz geringem Lernaufwand.