Πώς να πάρει μια Περιοχή κειμένου με όνομα σε JQuery

jQuery είναι μια ισχυρή βιβλιοθήκη JavaScript που σας επιτρέπει να δημιουργήσετε σύνθετες λειτουργίες JavaScript με ελάχιστο κώδικα . Χρησιμοποιώντας το σύστημα επιλογής jQuery είναι εύκολο για την αναφορά κάθε στοιχείο σε μια σελίδα HTML , και στη συνέχεια να διαβάσει ή να αλλάξει την αξία του . Για παράδειγμα , μπορείτε να ανατρέξετε σε ένα στοιχείο με αναφορά id του , ή χρησιμοποιώντας την τιμή του χαρακτηριστικού όνομα . Θα μπορούσατε να χρησιμοποιήσετε αυτό για να εκτελέσει την επικύρωση σε ένα στοιχείο της φόρμας , ή να διαβάσετε ένα χρήστη που εισάγονται τιμή για χρήση σε έναν υπολογισμό ή κάτι παρόμοιο. Οδηγίες
Η

1 Ανοίξτε ένα πρόγραμμα περιήγησης στο Web και μεταβείτε στην αρχική σελίδα jQuery ( jquery.com ) . Κάντε κλικ στο πλαίσιο ελέγχου δίπλα στο " Παραγωγή " στην πάνω δεξιά πλευρά της αρχικής σελίδας , και στη συνέχεια κάντε κλικ στο κουμπί " Download " . Αυτό θα κατεβάσετε την έκδοση παραγωγής της βιβλιοθήκης jQuery , το οποίο συμπιέζεται και minified για ένα μικρότερο μέγεθος αρχείου και το γρηγορότερο χρόνο φόρτωσης . Αποθηκεύστε το αρχείο σε έναν κατάλογο που ονομάζεται " jquery " στο root directory της ιστοσελίδας σας. 2

Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου ή εφαρμογή web design και να δημιουργήσετε μια νέα σελίδα HTML . Προσθέστε τον ακόλουθο κώδικα μεταξύ της HTML " " και " " ετικέτες .

<Τύπος script = " text /javascript " src = " /jquery/jquery-1.6.2 . min.js ">

Αυτός ο κωδικός φορτώνει την βιβλιοθήκη jQuery για χρήση στη σελίδα. Αλλάξτε τον αριθμό έκδοσης στο τέλος του ονόματος του αρχείου για να ταιριάζει με την έκδοση που έχετε κατεβάσει , όπως οι νέες εκδόσεις κυκλοφόρησαν συχνά .
Εικόνων 3

Προσθέστε τον ακόλουθο κώδικα στη σελίδα σας , μεταξύ των HTML " " και " "ετικέτες .

Αυτό προσθέτει μια φόρμα στη σελίδα σας , που περιέχει μια περιοχή κειμένου HTML που ονομάζεται " myTextArea , " και ένα κουμπί HTML , η οποία ενεργοποιεί τον κωδικό για να πάρετε τα περιεχόμενα της περιοχής κειμένου όταν πατηθεί.
Η 4

Προσθέστε τον ακόλουθο κώδικα για την ετικέτα εισόδου HTML χρησιμοποιείται για να δημιουργήσει το κουμπί , μετά το χαρακτηριστικό τιμής και πριν από την ετικέτα κλεισίματος

onclick = "alert ( $ ( « textarea [ name = myTextArea ] » ) val ( )). ? " .

Αυτό χρησιμοποιεί τον κωδικό jQuery " $ ( ' textarea [ name = myTextArea ] » ) . val ( ) " για να διαβάσετε τα περιεχόμενα της περιοχής κειμένου το οποίο έχει ένα χαρακτηριστικό όνομα που να περιέχουν " myTextArea . " Χρησιμοποιώντας αυτή τη σύνταξη σας επιτρέπει να αναφέρονται κάθε στοιχείο HTML , χρησιμοποιώντας το όνομα της . Η λειτουργία val ( ) λέει jQuery για να διαβάσετε την τιμή από το επιλεγμένο στοιχείο , το οποίο διαβάζει το κείμενο που εισάγει ο χρήστης . Ο κωδικός jQuery είναι τυλιγμένο με ένα "alert ( ) " λειτουργία JavaScript για να εμφανίσετε την τιμή ζώνης του κειμένου σε ένα πλαίσιο ειδοποίησης όταν το κουμπί πατηθεί.
5

Αποθηκεύστε τη σελίδα ως " example.htm » και ανεβάσετε στο web server σας . Ανοίξτε ένα πρόγραμμα περιήγησης στο Web και να μεταβείτε στη σελίδα example.htm στον server σας . Πληκτρολογήστε κάποιο κείμενο στην περιοχή κειμένου και στη συνέχεια κάντε κλικ στο κουμπί "Display" . Θα εμφανιστεί ένα παράθυρο προειδοποίησης , το οποίο περιέχει το κείμενο που έχετε πληκτρολογήσει στην περιοχή κειμένου .
Η
εικόνων