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ő:

html<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:

javascriptalert($('#test').attr('value')); // kiírja: '!!!'
Задание 1

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

Задание 2

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

Задание 3

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

Задание 4

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