Het wijzigen van één attribuut-eigenschap in jQuery
Het is belangrijk om de eigenschappen en attributen van elementen niet te verwarren. Bij het creëren van de DOM-structuur worden attributen omgezet in de bijbehorende DOM-eigenschappen van de elementen. Hun namen komen niet altijd overeen, net als hun waarden.
Sommige eigenschappen hebben mogelijk ook geen
bijbehorende attributen; voor deze
moet de methode
prop
worden gebruikt,
die als eerste parameter de naam van de eigenschap accepteert,
en als tweede - true of false.
Als true wordt ingesteld - wordt de eigenschap ingesteld,
en als false - wordt deze verwijderd.
Laten we het volgende voorbeeld bekijken. Stel we hebben een input:
<input type="text" id="test">
Laten we het attribuut disabled
voor de input instellen:
$('#test').prop('disabled', true);
De HTML-code ziet er dan zo uit:
<input type="text" id="test" disabled>
En nu, andersom, verwijderen we disabled:
$('#test').prop('disabled', false);
De HTML-code ziet er dan zo uit:
<input type="text" id="test">