jQuery ist toll
Wo ich gerade bei jQuery bin… also das ist mal eine echt tolle Sache. So effizient habe ich glaube ich noch nie Code geschrieben. Da passt der Slogan “The Write Less, Do More, JavaScript Library” eindeutig wie die Faust aufs Auge. Ein kleines Codebeispiel zeigt m.E. recht gut, was ich meine:
-
if ($("#listbody tr").length > 3) {
-
$("#listbody tr").slice(3).hide();
-
$("#listbody").append('<tr><td><a id="moreitems" href="#">Zeige mehr Einträge</a></td></tr>');
-
$("#moreitems").click(function(){$("#listbody tr").slice(3).fadeIn("normal").end().filter(":last").remove();return false;});
-
}
Zunächst wird überprüft, ob die Tabelle (eigentlich ist’s tbody) mit der ID #listbody mehr als 3 Reihen enthält. Wenn dies der Fall ist, werden alle Reihen ab der dritten versteckt. Dann wird ein neue Reihe mit einem Link angehängt. Dieser Link erhält dann eine Funktion für das onclick-Event. Die Funktion macht nun:
- Nimm alle Reihen ab der dritten.
- Zeige sie mit einem Fadeeffekt wieder an.
- Mache die letzte “zerstörerische” Manipulation rückgängig (hier slice(3)), womit wir wieder alle Reihen haben.
- Filter die letzte Reihe raus (unser hinzugefügter Link)
- Entferne diese letzte Reihe.
Dank des sogenannten “Chaining”, wobei ein jQuery-Aufruf immer wieder ein jQuery-Objekt zurückliefert, lässt sich das so wunderbar kompakt schreiben.
















