Yhden attribuutti-ominaisuuden muuttaminen jQueryssä
On tärkeää olla sekoittamatta elementtien ominaisuuksia ja attribuutteja. Kun DOM-puuta luodaan, attribuutit muunnetaan vastaaviksi elementtien DOM-ominaisuuksiksi. Niiden nimet eivät aina vastaa toisiaan, kuten eivät myöskään niiden arvot.
Joidenkin ominaisuuksien kohdalla ei välttämättä ole
vastaavia attribuutteja, joten niille
on tarpeen käyttää metodia
prop,
joka ottaa ensimmäisenä parametrina ominaisuuden nimen,
ja toisena - true tai false.
Jos asetat true - ominaisuus asetetaan,
ja jos false - se poistetaan.
Tarkastellaan seuraavaa esimerkkiä. Oletetaan, että meillä on syötekenttä:
<input type="text" id="test">
Asetetaan syötekentälle
attribuutti disabled:
$('#test').prop('disabled', true);
HTML-koodi näyttää tältä:
<input type="text" id="test" disabled>
Ja nyt, päinvastoin, poistetaan disabled:
$('#test').prop('disabled', false);
HTML-koodi näyttää tältä:
<input type="text" id="test">
