Werken met attributen in jQuery

Nu gaan we leren hoe we attributen van HTML-tags kunnen uitlezen, toevoegen en wijzigen via jQuery. Dit kan allemaal met de methode attr. Het werkt vergelijkbaar met de methode html - afhankelijk van het aantal parameters zal het de waarde van een attribuut uitlezen of wijzigen.

De eerste parameter van attr accepteert de naam van het attribuut, en de tweede - de nieuwe waarde. Bijvoorbeeld, zo - .attr('value', 'www') - schrijven we de string 'www' naar het attribuut value.

Als we attr aanroepen met één parameter, dan retourneert het de waarde van het attribuut waarvan we de naam in de eerste parameter specificeren. Bijvoorbeeld, zo - .attr('value') - krijgen we de waarde van het attribuut value.

In het volgende voorbeeld hebben we een inputveld:

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

Vervolgens selecteren we het inputveld via zijn id en tonen we de waarde van zijn attribuut value:

alert($('#test').attr('value')); // geeft '!!!' weer

Haal de inhoud van het attribuut src van de afbeelding op via haar id, gelijk aan www.

Haal het attribuut href op van de link die zich bevindt in het element met de klasse www.

Haal de inhoud van de attributen src van alle afbeeldingen op de pagina op en toon ze achtereenvolgens.

Haal het attribuut href van alle links op en toon ze achtereenvolgens.