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ä:

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

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

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

Hae kuvan src-attribuutin sisältö sen id:n perusteella, joka on www.

Hae linkin href-attribuutti, joka sisältyy elementtiin, jolla on luokka www.

Hae kaikkien sivun kuvien src-attribuuttien sisällöt ja tulosta ne peräkkäin.

Hae kaikkien linkkien href-attribuutit ja tulosta ne peräkkäin.