JQuery Kochbuch (German Edition)

Titel: JQuery Kochbuch (German Edition) Kostenlos Bücher Online Lesen
Autoren: jQuery Community Experts

Vom Netzwerk:

bleiben.
.
appendTo('#b')
= Es werden die selektierten, geklonten

-Elemente genommen und innerhalb des

-Elements erst setzen und dann wieder auslesen:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

jquery.com

-Element im HTML-Dokument, setzen dessen Attribut
href
und lesen dann den Wert mit der gleichen Methode
attr()
wieder aus, wobei wir jetzt nur den Namen des Attributs angeben. Gäbe es mehrere

-Elemente im Dokument, würde die Methode
attr()
auf das erste gefundene Element zugreifen. Der Code wird beim Laden in einem Browser per
alert()
den Wert ausgeben, den wir vorher für das Attribut
href
gesetzt haben.
    Da die meisten Elemente mehr als ein Attribut besitzen, ist es auch möglich, mehrere Attributswerte mit einem einzigen Aufruf der Methode
attr()
zu setzen. So könnten wir im vorigen Beispiel auch gleich das Attribut
title
setzen, indem wir der Methode
attr()
anstatt zwei String-Parameter ein Objekt übergeben:
jQuery('a').attr( {'href':'http://www.jquery.com','title':'jquery.com'} ).attr('href')
    Mit der Möglichkeit, Elementen Attribute hinzuzufügen, brauchen wir auch die Möglichkeit, Attribute und deren Werte zu entfernen. Die Methode
removeAttr()
kanngenutzt werden, um Attribute aus HTML-Elementen zu entfernen. Dazu übergeben Sie ihr einfach einen String-Wert mit dem Namen des Attributs, das Sie entfernen möchten (zum Beispiel
jQuery('a')removeAttr('title')
).
    Diskussion
    Neben der Methode
attr()
stellt jQuery noch eine Reihe von Methoden bereit, um mit dem Attribut
class
von HTML-Elementen zu arbeiten. Da das Attribut
class
viele verschiedene Werte enthalten kann (zum Beispiel
class="class1 class2 class3"
), werden diese speziellen Methoden genutzt, um mit den Werten arbeiten zu können.
    Diese jQuery-Methoden sind:
    addClass()
Ergänzen des Attributswerts von
class
durch eine neue Klasse beziehungsweise einen neuen Wert. Dabei kann es sich auch um Klassen handeln, die schon gesetzt wurden.
    hasClass()
Prüfen, ob der Wert des Attributs
class
eine bestimmte Klasse enthält.
    removeClass()
Entfernen einer einzelnen Klasse aus dem Attribut
class
, während die restlichen Werte erhalten bleiben.
    toggleClass()
Hinzufügen der angegebenen Klasse, wenn sie noch nicht vorhanden ist; Entfernen, wenn es sie schon gibt.

HTML-Inhalte lesen und setzen
    Problem
    Sie müssen ein Stück HTML-Code in der aktuellen Webseite auslesen oder setzen.
    Lösung
    jQuery stellt die Methode
html()
bereit,um HTML-Code von HTML-Elementen (oder DOM-Strukturen) auszulesen oder zu setzen. Im folgenden Code nutzen wir diese Methode, um den HTML-Wert des

-Elements im HTML-Dokument zu setzen und auszulesen:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">