Attribuuttien käsittely jQueryssä

Nyt opimme lukemaan, lisäämään ja muuttamaan HTML-elementtien attribuutteja jQueryn kautta. Kaikki tämä tehdään käyttämällä metodia attr. Se toimii samalla tavalla kuin metodi html - parametrien määrästä riippuen se joko lukee tai muuttaa attribuutin arvoa.

Ensimmäisenä parametrina attr ottaa attribuutin nimen, ja toisena - sen uuden arvon. Esimerkiksi näin - .attr('value', 'www') - kirjoitamme merkkijonon 'www' attribuuttiin value.

Jos attr kutsutaan yhdellä parametrilla, se palauttaa attribuutin arvon, jonka nimen osoitamme ensimmäisessä parametrissa. Esimerkiksi näin - .attr('value') - me saamme attribuutin value arvon.

Seuraavassa esimerkissä meillä on syötekenttä:

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

Seuraavaksi haemme syötekentän sen id:n perusteella ja tulostamme näytölle sen value-attribuutin arvon:

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