DE EN

Die JavaScript Framework Matrix

soll einen Überblick der bekanntesten JavaScript-Frameworks und deren Funktionen geben. Zu jedem Framework gibt es verschiedene Beispiele und die dazugehörigen Links zur offiziellen Dokumentation. Die Wahl eines Frameworks hängt von vielen Faktoren ab und kann nicht ausschließlich durch dieses Dokument getroffen werden. Die Matrix soll lediglich die unterschiedlichen API-Stile sowie die Funktionsweisen der JavaScript-Bibliotheken veranschaulichen. Es gibt zudem noch weitere interessante Frameworks, die hier aufgelistet sind.

Sortierung:

Allgemein DOM Ready DOM Basics DOM Filtering DOM Manipulation Effekte Transitions Events Eigene Funktionen Ajax Klassen

jQuery

Code Link 1 Quellcode Dokumentation:


										$("#id, .class, div").css("background", "blue");

MooTools

1

2

Code Link 1 Link 2 Quellcode Dokumentation:


										$("id").setStyle("background", "blue");


											// Mehrere Elemente

										$$("#id", ".class", "div").setStyle("background", "blue");

The Dojo Toolkit

Code Link 1 Quellcode Dokumentation:


										dojo.query("#id, .class, div").style("background", "blue");

Prototype / Script.aculo.us

1

2

Code Link 1 Link 2 Quellcode Dokumentation:


										$("id").setStyle({ "background": "blue" });


											// Mehrere Elemente

										$$("#id", ".class", "div").each(function(e){ e.setStyle({ "background": "blue" }) });

Ext JS

1

2

Code Link 1 Link 2 Quellcode Dokumentation:


										Ext.get("id").setStyle("background", "blue");


											// Mehrere Elemente

										Ext.get(Ext.query("#id, .class, div")).setStyle("background", "blue");

Adobe Spry

Code Link 1 Quellcode Dokumentation:


										Spry.$$("#id, .class, div").setStyle("background: blue;");

BBC Glow

Code Link 1 Quellcode Dokumentation:


										glow.dom.get("#id, .class, div").css("background", "blue");

Yahoo! UI Library

1

2

Code Z Link 1 Link 2 Zusatz Quellcode Dokumentation:


										YAHOO.util.Dom.setStyle("id", "background", "blue");


											// Mehrere Elemente

										YAHOO.util.Dom.setStyle(YAHOO.util.Selector.query("#id, .class, div"), "background", "blue");

Die JavaScript Framework Matrix

Matthias Schütz - Mediendesigner / Webdesigner / Grafiker / Photoshop