Atribuutide töötamine jQuery-s

Praegu õpime lugema, lisama ja muutma HTML-i siltide atribuute läbi jQuery. Kõik see tehakse meetodi abil attr. See töötab sarnaselt meetodile html - sõltuvalt parameetrite arvust see loeb või muudab atribuudi väärtust.

Esimene parameeter attr võtab atribuudi nime ja teine - selle uue väärtuse. Näiteks nii - .attr('value', 'www') - kirjutame stringi 'www' atribuuti value.

Kui aga kutsuda attr ühe parameetriga, siis see tagastab atribuudi väärtused, nime mille me määrame esimeses parameetris. Näiteks nii - .attr('value') - me saame atribuudi value väärtuse.

Järgmises näites on meil input:

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

Seejärel saame inputi selle id järgi ja väljastame ekraanile väärtuse selle atribuudist value:

alert($('#test').attr('value')); // väljastab '!!!'

Hankige atribuudi src sisu pildilt selle id järgi, mis on võrdne www.

Hankige atribuut href lingilt, mis sisaldub elemendis klassiga www.

Hankige kõigi lehe piltide atribuutide src sisu ja väljastage need järjestikku.

Hankige kõigi linkide atribuut href ja väljastage need järjestikku.