Προγραμματισμός

Γνώση Υπολογιστών >> Προγραμματισμός >  >> JavaScript Προγραμματισμός

Πώς να χρησιμοποιήσετε το JQuery για την Εισαγωγή Anchor

Αν σκέφτεστε να εργάζονται με Javascript για το επόμενο έργο σας στο Web , jQuery θα κάνει τα πράγματα πολύ πιο εύκολο για εσάς . jQuery είναι μια βιβλιοθήκη Javascript που είναι συμβατό cross-browser και απλοποιεί τη διαδικασία της γραφής εφαρμογές Javascript . Ένα από τα πλεονεκτήματα της χρήσης Javascript είναι η δυνατότητα να εισάγετε το δυναμικό περιεχόμενο σε ιστοσελίδα σας. Μπορείτε εύκολα να επιλέξετε το μοντέλο αντικειμένου εγγράφου ( DOM ) στοιχεία με jQuery ενσωματωμένο επιλογέα DOM που ονομάζεται " τσιτσίρισμα ". JQuery απλοποιεί τη διαδικασία δημιουργίας και εισάγοντας τα στοιχεία της σελίδας , όπως άγκυρες , με ενσωματωμένες λειτουργίες του " προσάρτηση ( ) " και " βάλε ( ) . "Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου
Η Εμφάνιση Περισσότερες οδηγίες
Η 1

Δημιουργήστε ένα κενό αρχείο με την επέκταση" ? . html " στον κειμενογράφο σας . Θα δημιουργήσουμε μια βασική σελίδα HTML που δείχνει πώς να εισαγάγετε μια άγκυρα σε ένα ζευγάρι

< /div > ετικέτες HTML χρησιμοποιώντας jQuery . 2

Αντιγράψτε τον παρακάτω κώδικα μέσα στο αρχείο που μόλις δημιουργήσατε . Αυτό θα δημιουργήσει τη βασική δομή HTML και θα εισάγει jQuery .

Hello World < /title> < Τύπος script = " text /javascript " <br> Η 3 <p> Δημιουργήστε ένα άδειο ζευγάρι <div> < /div > ετικέτες στη σελίδα σας με ένα μοναδικό αναγνωριστικό ? για παράδειγμα μας , θα χρησιμοποιήσουμε " . say_hello " Αυτό είναι που θα εισάγει άγκυρες μας . Μπορείτε να το κάνετε αυτό , εισάγοντας τον ακόλουθο κώδικα μεταξύ των <body> < /body> tags : . <br> <p> <div Id="say_hello"> < /div > <br> < br > 4 <p> Αντιγράψτε τον παρακάτω κώδικα στην ενότητα <head> της σελίδας HTML . Εμείς θα πρέπει να χρησιμοποιούν είτε το append ( ) ή βάλε ( ) συνάρτηση βιβλιοθήκης jQuery για να εισάγετε δύο άγκυρες στο div που μόλις δημιουργήσαμε . <br> <p> <script Type='text/javascript'> //< ! [ CDATA [ $ (function ( ) { $ ( ' # say_hello » ) προσαρτήσει . ( " <a href=\\"www.google.com\\"> Γεια σας! < /a> " ) $ ( ' # say_hello » ) . βάλε ( " <a href=\\"www.bing.com\\"> Bye Bye ! < /a> " ) } ) ;//] ] > < ;/script > <br> <p> πρέπει τώρα να έχετε ένα div στη σελίδα σας με δύο άγκυρες εισάγονται σε αυτό , ένα με την άγκυρα κείμενο " Hello ! " και ένα με την άγκυρα κείμενο " Bye Bye ! " Η πρώτη άγκυρα επισυνάπτεται στο div , και η δεύτερη προταχθεί στο div . <br> Η <br> εικόνων <div class="grad2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div class="grad3"></div> </div> <div class="fanyedads"> <ul> <li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/javascript-programming/90815.html' >Πώς να κάνει όλα Κουμπιά False σε JavaScript </a> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/90817.html' >Πώς να αλλάξετε τον Δείκτη σε Google Maps API </a> </ul> </div> </div> <div class="woqinimaderwr24"> <div class="dibud23"> <div class="biaotidas51"> <div class="biaotidas511"><h3>Συναφής σύστασή</h3></div> <div class="butudasda"></div> </div> </div> <div class="dibud24"> <div class="dibud241"> <ul class="dsa31das"> <li><a href="http://www.221021.com/Programming/javascript-programming/90970.html" target="_blank">Πώς να Ενεργοποίηση & Απενεργοποίηση κύλισης με JavaScript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90816.html" target="_blank">Πώς να χρησιμοποιήσετε το JQuery για την Εισαγωγή Anchor </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/91100.html" target="_blank">Πώς να αλλάξετε το μέγεθος και Τύπος του πινέζα σε ένα Virtual Earth Map </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90791.html" target="_blank">Πώς να υπολογίσετε ένα εισιτήριο μπέιζμπολ σε JavaScript </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90868.html" target="_blank">Πώς να απενεργοποιήσετε την κύλιση στο Google Maps API V3 </a></li> </ul> </div> <div class="dibud242"> <div class="biaotidasoidasf3h4"> <h4>Τελευταία άρθρα</h4> <div class="nibushihenzaiyi"></div> </div> <ul class="thydghaodennrend"> <li><a href="http://www.221021.com/Programming/javascript-programming/91267.html" target="_blank">Πώς να δημιουργήσετε μια φόρμα εγγραφής για ένα δικτυακό τόπο </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/281321.html" target="_blank">Πώς πληκτρολογείτε τον δείκτη; </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/280336.html" target="_blank">Ποιος είναι ο σκοπός ενός αρχείου καταγραφής συμβάντων; </a></li> <li><a href="http://www.221021.com/Programming/javascript-programming/90766.html" target="_blank">Πώς να Δείτε το επιταχυνσιόμετρο Via Javascript στο Android </a></li> </ul> </div> </div> </div> <div class="dibudaohnagdsaw"> <div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div> </div> </div> </body> </html>