Αν και υπάρχουν πολλές ομοιότητες μεταξύ του jQuery και της JavaScript, υπάρχουν επίσης αρκετές διαφορές στη σύνταξη και τη λειτουργικότητά τους. Για αυτό, πρώτα, κατανοήστε τι προσπαθεί να κάνει ο κώδικας jQuery. Στη συνέχεια, χρησιμοποιήστε τις εναλλακτικές μεθόδους ή χαρακτηριστικά της JavaScript της βανίλιας.
Αυτό το ιστολόγιο θα συζητήσει τη μετατροπή του κώδικα jQuery σε JavaScript.
Πώς να μετατρέψετε τον κώδικα jQuery σε JavaScript;
Για τη μετατροπή του κώδικα jQuery σε JavaScript, είναι απαραίτητο να κατανοήσουμε τι κάνει ο κώδικας και ποιες μέθοδοι jQuery χρησιμοποιούνται. Στη συνέχεια, χρησιμοποιήστε τις εναλλακτικές μεθόδους σε JavaScript, όπως το ' $() ' χρησιμοποιείται στο jQuery για την επιλογή στοιχείων ενώ στο JavaScript, για την επιλογή στοιχείων ' document.querySelector() ' ή ' querySelectorAll() χρησιμοποιούνται μέθοδοι.
Ας κατανοήσουμε τη διαδικασία μετατροπής με τη βοήθεια ενός παραδείγματος.
Παράδειγμα
Εδώ, έχουμε έναν κώδικα jQuery που αλλάζει το χρώμα του κειμένου και δείχνει ένα επεξηγηματικό κείμενο με ένα κλικ στο κουμπί. Για αυτό, το έγγραφο HTML περιέχει δύο κουμπιά, κείμενο και μια κενή ετικέτα
όπου το νέο κείμενο θα εμφανίζεται στο κλικ στο κουμπί:
< div id = 'myDiv' >
< Π τάξη = 'κείμενο' > Εκμάθηση JavaScript Π >
< αναγνωριστικό κουμπιού = 'κουμπί' > Κάντε κλικ ΕΔΩ κουμπί >
< αναγνωριστικό κουμπιού = 'κουμπί' > Κάντε κλικ ΕΔΩ κουμπί >
< p id = 'μήνυμα' Π >
div >
Κατά την εργασία με το jQuery, είναι υποχρεωτικό να προσθέσετε τη βιβλιοθήκη jQuery στην ετικέτα
του εγγράφου HTML: < script src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' γραφή >Στην ετικέτα