Arbejde med attributter i jQuery

Nu skal vi lære at læse, tilføje og ændre HTML-taggers attributter via jQuery. Alt dette gøres ved hjælp af metoden attr. Den fungerer på samme måde som metoden html - afhængigt af antallet af parametre vil den læse eller ændre attributværdien.

Den første parameter for attr accepterer attributtets navn, og den anden - dens nye værdi. For eksempel, sådan - .attr('value', 'www') - vil vi skrive strengen 'www' i attributten value.

Hvis du kalder attr med en parameter, vil den returnere værdien af attributten, hvis navn vi angiver i den første parameter. For eksempel, sådan - .attr('value') - vil vi få værdien af attributten value.

I det følgende eksempel har vi et inputfelt:

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

Derefter henter vi inputfeltet via dens id og viser værdien af dens attribut value på skærmen:

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

Hent indholdet af attributten src fra billedet via dens id, som er www.

Hent attributten href fra linket, som er indeholdt i elementet med klassen www.

Hent indholdet af attributten src fra alle billeder på siden og vis dem sekventielt.

Hent attributten href fra alle links og vis dem sekventielt.