HTML5 in der mobilen Webentwickung - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 74

Aufgrund von Sicherheitseinstellungen in den Webbrowsern müssen Daten, die per
AJAX übertragen werden sollen, immer auf demselben Server liegen wie das Skript,
das diese abruft. Um Daten von anderen Servern dynamisch abzurufen (sogenannte
Public APIs ) gibt es eine ähnliche Technologie, die wir in Kapitel 7, »Offline - damit
eine App in jedem Winkel der Welt funktioniert«, näher erläutern und an einem Bei-
spiel implementieren werden.
2.5.3 Wichtige Funktionen in jQuery
Jetzt haben Sie einen ersten Eindruck davon, was Sie mit jQuery alles anstellen kön-
nen, ohne viel Programmcode schreiben zu müssen. Natürlich kann jQuery noch viel
mehr. Einige weitere wichtige Methoden, die Sie für die Entwicklung immer wieder
gebrauchen werden, stellen wir Ihnen nun vor.
Attribut-Funktionen
.attr({name,wert})
Diese Funktion hilft Ihnen dabei, den Wert von Elementattributen auszulesen und zu
verändern. Dies kann hilfreich sein, wenn Sie beispielsweise die Quelldatei eines Bil-
des austauschen möchten.
.addClass(klasse)
Einen besonderen Stellenwert innerhalb der jQuery-Funktionen nehmen die class -
Attribute ein. Sie werden in der Regel verwendet, um bestimmte Elemente mit CSS zu
gestalten. Jedes Element kann mehrere Klassen haben, diese werden in HTML durch
Leerzeichen voneinander getrennt: class="klasse1 klasse2 … klasse100" .
Mit der Funktion .addClass fügen Sie einem oder mehreren Elementen eine neue
Klasse hinzu. Beachten Sie, dass der Klassenname in diesem Fall nicht mit einem
Punkt beginnen darf.
.removeClass(klasse)
Mit der Funktion .removeClass entfernen Sie die Klasse von einem HTML-Element,
die Verwendung erfolgt analog zu .addClass .
.toggleClass()
Die Funktion .toggleClass fügt eine Klasse hinzu und entfernt diese wieder - abhän-
gig davon, ob das Element die Klasse besitzt oder nicht.