Μέθοδος prop

Η μέθοδος prop επιτρέπει τη λήψη και αλλαγή μιας ιδιότητας ενός στοιχείου. Είναι σημαντικό να μην συγχέουμε τις ιδιότητες και τα χαρακτηριστικά των στοιχείων. Κατά τη δημιουργία του DOM δέντρου, τα χαρακτηριστικά μετατρέπονται στις αντίστοιχες DOM ιδιότητες των στοιχείων. Τα ονόματά τους δεν συμπίπτουν πάντα, ούτε και οι τιμές τους. Ορισμένες ιδιότητες μπορεί επίσης να μην έχουν αντίστοιχα χαρακτηριστικά, μπορούν να ληφθούν και να οριστούν μόνο όταν χρησιμοποιείται η μέθοδος prop, για παράδειγμα η ιδιότητα tagName. Για τη λήψη χαρακτηριστικών ενός στοιχείου, χρησιμοποιήστε τη μέθοδο attr.

Σύνταξη

Λήψη τιμής ιδιότητας:

$(επιλογέας).prop(όνομα ιδιότητας);

Αλλαγή τιμής ιδιότητας:

$(επιλογέας).prop(όνομα ιδιότητας, νέα τιμή);

Αλλαγή τιμών πολλαπλών ιδιοτήτων:

$(επιλογέας).prop({πρώτη_ιδιότητα: νέα_τιμή, δεύτερη_ιδιότητα: νέα_τιμή, ...});

Εφαρμογή μιας συνάρτησης σε κάθε στοιχείο στο σύνολο:

$(επιλογέας).prop(όνομα ιδιότητας, function(αριθμός στο σύνολο, τρέχουσα τιμή ιδιότητας));

Παράδειγμα

Στο επόμενο παράδειγμα, θα λάβουμε μια παράγραφο από το id της και θα εμφανίσουμε στην οθόνη την τιμή της ιδιότητας className της:

<p id="test" class="aaa">κείμενο</p>

let value = $('#test').prop('className');
console.log(value);

Παράδειγμα

Ας αλλάξουμε ταυτόχρονα τις ιδιότητες για το className και το disabled:

<input type="checkbox" class="aaa" id="test" /> $("#test").prop({ className: 'bbb', disabled: 'true' });

Δείτε επίσης

η μέθοδος removeProp,
που επιτρέπει τη διαγραφή ιδιοτήτων στοιχείων
η μέθοδος attr,
που επιτρέπει την εργασία με χαρακτηριστικά στοιχείων