Attribútumok kezelése jQuery-ben

Most megtanuljuk, hogyan olvassunk, adjunk hozzá és módosítsunk HTML elemek attribútumait jQuery-n keresztül. Mindez a attr metódussal végezhető el. Hasonlóan működik, mint a html metódus - a paraméterek számától függően vagy az attribútum értékét olvassa ki, vagy módosítja azt.

Az attr első paramétere az attribútum neve, a második pedig az új értéke. Például így - .attr('value', 'www') - beírjuk a 'www' sztringet a value attribútumba.

Ha azonban az attr-ot egy paraméterrel hívjuk, akkor annak az attribútumnak az értékét adja vissza, amelynek a nevét az első paraméterben adjuk meg. Például így - .attr('value') - megkapjuk a value attribútum értékét.

A következő példában van egy input mező:

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

Ezután megkeressük az input mezőt id-ja alapján és kiírjuk a value attribútumának értékét:

alert($('#test').attr('value')); // kiírja: '!!!'

Kérje le a kép src attribútumának tartalmát a id-ja alapján, amely www.

Kérje le a link href attribútumát, amely a www osztályú elemben található.

Kérje le az oldalon lévő összes kép src attribútumának tartalmát és írja ki őket egymás után.

Kérje le az összes link href attribútumát és írja ki őket egymás után.