Arbeid med attributter i jQuery

Nå skal vi lære å lese, legge til og endre HTML-taggers attributter gjennom jQuery. Alt dette gjøres ved hjelp av metoden attr. Den fungerer på samme måte som metoden html - avhengig av antall parametere vil den enten lese eller endre attributtverdien.

Den første parameteren til attr er attributtnavnet, og den andre er dens nye verdi. For eksempel, slik - .attr('value', 'www') - vil vi skrive strengen 'www' inn i attributten value.

Hvis du kaller attr med én parameter, vil den returnere verdien til attributten hvis navn vi spesifiserer i den første parameteren. For eksempel, slik - .attr('value') - vil vi få verdien til attributten value.

I følgende eksempel har vi et input-felt:

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

Deretter henter vi input-feltet etter dens id og viser verdien av dens attributt value på skjermen:

alert($('#test').attr('value')); // vil vise '!!!'

Hent innholdet i attributten src til bildet ved dens id, som er www.

Hent attributten href til lenken som finnes i elementet med klassen www.

Hent innholdet i attributtene src til alle bildene på siden og vis dem sekvensielt.

Hent attributten href til alle lenker og vis dem sekvensielt.