Αλλαγή ενός χαρακτηριστικού-ιδιότητας στο jQuery
Είναι σημαντικό να μην συγχέουμε τις ιδιότητες και τα χαρακτηριστικά των στοιχείων. Κατά τη δημιουργία του DOM δέντρου, τα χαρακτηριστικά μετατρέπονται στις αντίστοιχες DOM ιδιότητες των στοιχείων. Τα ονόματά τους δεν συμπίπτουν πάντα, ούτε και οι τιμές τους.
Ορισμένες ιδιότητες μπορεί επίσης να μην έχουν
αντίστοιχα χαρακτηριστικά, για αυτές
είναι απαραίτητο να χρησιμοποιηθεί η μέθοδος
prop,
η οποία δέχεται ως πρώτη παράμετρο το όνομα της ιδιότητας,
και ως δεύτερη - true ή false.
Αν οριστεί true - η ιδιότητα θα οριστεί,
ενώ αν οριστεί false - θα αφαιρεθεί.
Ας δούμε το ακόλουθο παράδειγμα. Ας υποθέσουμε ότι έχουμε ένα input:
<input type="text" id="test">
Ας ορίσουμε για το input
το χαρακτηριστικό disabled:
$('#test').prop('disabled', true);
Ο κώδικας HTML θα γίνει έτσι:
<input type="text" id="test" disabled>
Και τώρα, αντίστροφα, ας αφαιρέσουμε το disabled:
$('#test').prop('disabled', false);
Ο κώδικας HTML θα γίνει έτσι:
<input type="text" id="test">