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:

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

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

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