Mehr Effizienz bei weniger Aufwand

Teil 8: Workshop Javascript-Bibliothek: Einstieg in jQuery

Das waren natürlich nicht alle Befehle, die jQuery zur Verfügung stellt. Ganz außen vor blieben beispielsweise die jQuery-Befehle für die Erstellung von AJAX-Anwendungen.

Eine vollständige Auflistung aller jQuery-Befehle finden Sie in der schönen Dokumentation unter . Und falls Sie dann noch etwas vermissen sollten, dann gibt es sicher noch ein passendes Plugin.

Anonyme Funktionen

In jQuery spielen anonyme Funktionen eine wichtige Rolle. Wenn man eine Funktion als Parameter übergibt, kann man das auf verschiedene Arten tun: Sie können .click() direkt den Namen einer Funktion - aber ohne Klammern - übergeben und dann die Funktion noch eigens definieren.

Im Beispiel soll bei Klick auf das Element mit id="zeigen" eine alert-Box erscheinen.

$('#zeigen').click(melden);
function melden() {
alert('Hallo');
}

Wenn Sie aber die Funktion melden() nicht weiter brauchen, geben Sie sie am besten direkt in die runden Klammern bei .click() an. Dafür schreiben Sie zuerst das Schlüsselwort function() und in geschweifte Klammern den Funktionsrumpf.

$('#zeigen').click(function() {
alert('Hallo');
});

Auf diese Weise verwenden Sie eine anonyme Funktion, die im Unterschied zu einer normalen Funktion keinen Namen hat und deshalb auch nicht aufgerufen werden kann. Aber sie kann eben gut als Parameter übergeben werden.

Objektliteral Bei jQuery wird auch von Objektliteralen extensiv Gebrauch gemacht. Mit Objektliteralen können Sie CSS-Eigenschaften definieren und die Objektliteralsyntax ist die typische Methode, ein Plugin zu konfigurieren. Das Accordion-Plugin lässt sich beispielsweise so konfigurieren:

$('#accordion').accordion({
event: 'mouseover',
active: 1
});

Ein Objektliteral ist eine Kurzform, um bei Objekten Eigenschaften zu definieren. Sie könnten auch ein eigenes Objekt optionen definieren und bei diesem die Eigenschaften spezifizieren:

var optionen = {
event: 'mouseover',
active: 1
};
$('#accordion').accordion(optionen);

Und das wiederum ist eine verkürzte Schreibweise für:

var optionen = new Object;
optionen.event = 'mouseover';
optionen.active = 1;

Mehr zum Thema

Youtube Sperre umgehen GEMA
Videos freischalten

So umgehen Sie die GEMA-Sperre bei Youtube. Was Sie dazu brauchen, und wie es am einfachsten geht.
Neue Fritzboxen unterstützen den AC-Standard.
WLAN-Geschwindigkeit verdoppeln

Mehr WLAN-Geschwindigkeit: Mit dem WLAN-Standard 802.11ac und den richtigen Geräten und Einstellungen verdoppeln Sie den Datendurchsatz.
Netflix auf dem TV
Programm in der Übersicht

Welche Filme und Serien gibt es bei Netflix eigentlich zu sehen? Was ist neu im Streaming-Angebot? Diese Antworten helfen weiter.
Netflix
Streaming

Preise, kompatible Geräte, Datenrate, Serien- und Filmangebot von Netflix: Wir beantworten die wichtigsten Fragen rund um den Streaming-Dienst.
E.T. – Der Außerirdische
Vorschau auf Film- und Serien-Highlights

Amazon Prime Instant Video lockt im Dezember 2016 mit Film-Highlights wie "E.T.", "Fast & Furious 7" und der Serie "Ku’damm 56​".