Εργασία με χαρακτηριστικά στο jQuery

Τώρα θα μάθουμε να διαβάζουμε, να προσθέτουμε και να αλλάζουμε χαρακτηριστικά HTML ετικετών μέσω του jQuery. Όλα αυτά γίνονται με τη μέθοδο attr. Λειτουργεί παρόμοια με τη μέθοδο html - ανάλογα με τον αριθμό των παραμέτρων θα διαβάζει ή θα αλλάζει την τιμή του χαρακτηριστικού.

Η πρώτη παράμετρος του attr δέχεται το όνομα του χαρακτηριστικού, και η δεύτερη - τη νέα του τιμή. Για παράδειγμα, έτσι - .attr('value', 'www') - θα γράψουμε τη συμβολοσειρά 'www' στο χαρακτηριστικό value.

Εάν καλέσουμε το attr με μία παράμετρο, τότε θα επιστρέψει την τιμή του χαρακτηριστικού, το όνομα του οποίου ορίζουμε στην πρώτη παράμετρο. Για παράδειγμα, έτσι - .attr('value') - παίρνουμε την τιμή του χαρακτηριστικού value.

Στο επόμενο παράδειγμα έχουμε ένα input:

<input type="text" value="!!!" id="test">

Στη συνέχεια, παίρνουμε το input από το id του και εμφανίζουμε στην οθόνη την τιμή του χαρακτηριστικού του value:

alert($('#test').attr('value')); // θα εμφανίσει '!!!'

Πάρτε το περιεχόμενο του χαρακτηριστικού src της εικόνας από το id της, ίσο με www.

Πάρτε το χαρακτηριστικό href του συνδέσμου, που περιέχεται στο στοιχείο με την κλάση www.

Πάρτε το περιεχόμενο των χαρακτηριστικών src όλων των εικόνων στη σελίδα και εμφανίστε τις διαδοχικά.

Πάρτε το χαρακτηριστικό href όλων των συνδέσμων και εμφανίστε τους διαδοχικά.