Ændring af en enkelt attribut-egenskab i jQuery
Det er vigtigt ikke at forveksle elementers egenskaber og attributter. Ved oprettelse af DOM-træet konverteres attributter til de tilsvarende DOM-egenskaber for elementer. Deres navne er ikke altid ens, ligesom deres værdier.
Nogle egenskaber har muligvis heller ikke
tilsvarende attributter, for dem
er det nødvendigt at bruge metoden
prop,
som tager egenskabens navn som den første parameter,
og true eller false som den anden.
Hvis du sætter true - bliver egenskaben sat,
og hvis false - fjernes den.
Lad os overveje følgende eksempel. Antag, at vi har et inputfelt:
<input type="text" id="test">
Lad os sætte attributten
disabled for inputfeltet:
$('#test').prop('disabled', true);
HTML-koden vil se sådan ud:
<input type="text" id="test" disabled>
Og nu, omvendt, lad os fjerne disabled:
$('#test').prop('disabled', false);
HTML-koden vil se sådan ud:
<input type="text" id="test">
