Arbeiten mit Attributen in jQuery

Jetzt lernen wir, wie man Attribute von HTML-Tags mit jQuery ausliest, hinzufügt und ändert. All dies geschieht mit der Methode attr. Sie funktioniert ähnlich wie die Methode html - je nach Anzahl der Parameter wird sie den Wert eines Attributs auslesen oder ändern.

Der erste Parameter von attr ist der Name des Attributs, der zweite - sein neuer Wert. Zum Beispiel: .attr('value', 'www') - so schreiben wir den String 'www' in das Attribut value.

Wenn man attr nur mit einem Parameter aufruft, gibt sie den Wert des Attributs zurück, dessen Name wir im ersten Parameter angeben. Zum Beispiel: .attr('value') - so erhalten wir den Wert des Attributs value.

Im folgenden Beispiel haben wir ein Input-Feld:

<input type="text" value="!!!" id="test">

Als nächstes selektieren wir das Input-Feld über seine id und geben den Wert seines Attributs value auf dem Bildschirm aus:

alert($('#test').attr('value')); // gibt '!!!' aus

Ermitteln Sie den Inhalt des Attributs src eines Bildes über seine id, die www ist.

Ermitteln Sie das Attribut href eines Links, der in einem Element mit der Klasse www enthalten ist.

Ermitteln Sie den Inhalt der Attribute src aller Bilder auf der Seite und geben Sie sie nacheinander aus.

Ermitteln Sie das Attribut href aller Links und geben Sie sie nacheinander aus.