Γνωρίζουμε JavaScript και JQuery εδώ και αρκετά χρόνια. Το JavaScript εφευρέθηκε νωρίτερα από το jQuery. Και τα δύο είναι ισχυρά και χρησιμοποιούνται στην ανάπτυξη ιστού και χρησιμοποιούνται για τον ίδιο σκοπό, δηλαδή για να κάνουν την ιστοσελίδα διαδραστική και δυναμική. Με άλλα λόγια, φέρνουν ζωή στις ιστοσελίδες. Οι άνθρωποι μπορεί να αναρωτιούνται ότι εάν χρησιμοποιούνται για τον ίδιο σκοπό, τότε γιατί αυτές οι δύο ξεχωριστές έννοιες; Σε αυτό το άρθρο JavaScript vs jQuery, θα ανακαλύψουμε ποιο είναι καλύτερο από το άλλο στην ακόλουθη ακολουθία:
- JavaScript: Μια ισχυρή γλώσσα στην ανάπτυξη ιστού
- JQuery: Μια βιβλιοθήκη που αναπτύχθηκε από JavaScript
- Γιατί δημιουργείται το JQuery και ποιες είναι οι ειδικές δυνατότητες του JQuery
- Διαφορά μεταξύ JavaScript και JQuery με παραδείγματα
JavaScript: Μια ισχυρή γλώσσα στην ανάπτυξη ιστού
Το JavaScript είναι μια γλώσσα δέσμης ενεργειών που χρησιμοποιείται για την προσθήκη διαδραστικότητας στις ιστοσελίδες μας. Είναι μία από τις τρεις βασικές τεχνολογίες παράλληλα με HTML και CSS που χρησιμοποιούνται για τη δημιουργία ιστοσελίδων. Ενώ το HTML και το CSS καθορίζουν τη δομή της ιστοσελίδας και την εμφάνιση / στυλ των ιστοσελίδων, το JavaScript χρησιμοποιείται για να κάνει την ιστοσελίδα δυναμική προσθέτοντας αλληλεπίδραση σε αυτήν που σημαίνει ότι με το JavaScript μπορούμε να προσθέσουμε κάποιο κώδικα για κλικ ποντικιού, ποντίκι πάνω και άλλα εκδηλώσεις στην ιστοσελίδα και πολλά άλλα.
Το JavaScript υποστηρίζεται από όλα τα προγράμματα περιήγησης ιστού και τα προγράμματα περιήγησης ιστού διαθέτουν μια ενσωματωμένη μηχανή JavaScript για την αναγνώριση κώδικα JavaScript και τη συνεργασία τους. Έτσι, το JavaScript είναι κυρίως μια γλώσσα από πλευράς πελάτη. Είναι μια γλώσσα που μπορεί να χρησιμοποιηθεί ως διαδικαστική γλώσσα καθώς και ως πρωτότυπη αντικειμενοστρεφής γλώσσα. Όταν χρησιμοποιούμε πρωτεύον JavaScript, δουλεύουμε με τη διαδικαστική γλώσσα, ενώ το προηγμένο JavaScript χρησιμοποιεί αντικειμενοστραφείς έννοιες.
Ας προχωρήσουμε με το JavaScript vs jQuery και να κατανοήσουμε τη βιβλιοθήκη που αναπτύχθηκε από το JavaScript.
jQuery: Μια βιβλιοθήκη που αναπτύχθηκε από JavaScript
Με την πάροδο των ετών η JavaScript αποδείχθηκε μια ισχυρή γλώσσα για την ανάπτυξη ιστού. Υπάρχουν πολλές βιβλιοθήκες και πλαίσια που έχουν δημιουργηθεί πάνω από το JavaScript. Αυτές οι βιβλιοθήκες και τα πλαίσια έχουν αναπτυχθεί για να επεκτείνουν την ικανότητα της JavaScript, να κάνουν πολλά πράγματα μαζί της και επίσης να διευκολύνουν τη δουλειά του προγραμματιστή.
Το jQuery είναι μια τέτοια βιβλιοθήκη JavaScript που δημιουργήθηκε από αυτήν. Είναι η πιο δημοφιλής βιβλιοθήκη JavaScript που εφευρέθηκε από τον John Resign και κυκλοφόρησε τον Ιανουάριο του 2006 στο BarCamp NYC. Το jQuery είναι δωρεάν, μια βιβλιοθήκη ανοιχτού κώδικα, με άδεια βάσει της άδειας MIT. Αυτό έχει μια ισχυρή δυνατότητα συμβατότητας μεταξύ προγραμμάτων περιήγησης. Μπορεί εύκολα να χειριστεί ζητήματα μεταξύ προγραμμάτων περιήγησης που μπορούμε να αντιμετωπίσουμε με JavaScript. Έτσι, πολλοί προγραμματιστές χρησιμοποιούν το jQuery για να αποφύγουν ζητήματα συμβατότητας μεταξύ προγραμμάτων περιήγησης.
Τώρα ας προχωρήσουμε με το ιστολόγιο JavaScript vs jQuery και να δούμε γιατί δημιουργήθηκε το jQuery.
διαφορά μεταξύ του βρώσιμου και του σεφ
Γιατί δημιουργείται το jQuery και ποιες είναι οι ειδικές δυνατότητες του jQuery;
Στο JavaScript, πρέπει να γράψουμε πολύ κώδικα για βασικές λειτουργίες, ενώ με το jQuery οι ίδιες λειτουργίες μπορούν να γίνουν με μία μόνο γραμμή κώδικα. Επομένως, οι προγραμματιστές βρίσκουν ευκολότερο να συνεργάζονται με το jQuery παρά με το JavaScript.
- Αν και το JavaScript είναι η βασική γλώσσα από την οποία έχει εξελιχθεί το jQuery, το jQuery διευκολύνει το χειρισμό συμβάντων, το χειρισμό DOM, οι κλήσεις Ajax είναι πολύ ευκολότερες από το JavaScript. Το jQuery μας επιτρέπει επίσης να προσθέτουμε κινούμενα εφέ στην ιστοσελίδα μας, η οποία απαιτεί πολύ πόνο και γραμμές κώδικα με JavaScript.
- Το jQuery διαθέτει ενσωματωμένα πρόσθετα για την εκτέλεση μιας λειτουργίας σε μια ιστοσελίδα. Απλώς πρέπει να συμπεριλάβουμε ή να εισαγάγουμε το πρόσθετο στην ιστοσελίδα μας για να το χρησιμοποιήσουμε. Έτσι, τα πρόσθετα μας επιτρέπουν να δημιουργούμε αφαιρέσεις κινούμενων σχεδίων και αλληλεπιδράσεις ή εφέ.
- Μπορούμε επίσης να δημιουργήσουμε την προσαρμοσμένη προσθήκη μας με το jQuery. Εάν απαιτούμε να γίνει κινούμενη εικόνα σε μια ιστοσελίδα με συγκεκριμένο τρόπο, μπορούμε να αναπτύξουμε ένα πρόσθετο σύμφωνα με την απαίτηση και να το χρησιμοποιήσουμε στην ιστοσελίδα μας.
- Το jQuery διαθέτει επίσης βιβλιοθήκη γραφικών UI υψηλού επιπέδου. Αυτή η βιβλιοθήκη widget διαθέτει μια ολόκληρη γκάμα προσθηκών που μπορούμε να εισαγάγουμε στην ιστοσελίδα μας και να την χρησιμοποιήσουμε για τη δημιουργία φιλικών προς τον χρήστη ιστοσελίδων.
Ας καταλάβουμε τη διαφορά.
JavaScript εναντίον jQuery
| Χαρακτηριστικά | JavaScript | jQuery |
| Υπαρξη | Το JavaScript είναι μια ανεξάρτητη γλώσσα και μπορεί να υπάρχει από μόνο του. | Το jQuery είναι μια βιβλιοθήκη JavaScript. Δεν θα είχε εφευρεθεί εάν η JavaScript δεν ήταν εκεί. Το jQuery εξακολουθεί να εξαρτάται από τη JavaScript, καθώς πρέπει να μετατραπεί σε JavaScript για την ενσωματωμένη μηχανή JavaScript του προγράμματος περιήγησης για την ερμηνεία και την εκτέλεση του. |
| Γλώσσα | Είναι μια υψηλού επιπέδου ερμηνευμένη γλώσσα scripting από την πλευρά του πελάτη. Αυτός είναι ένας συνδυασμός σεναρίου ECMA και DOM (Μοντέλο αντικειμένου εγγράφου) | Είναι μια ελαφριά βιβλιοθήκη JavaScript. Έχει μόνο το DOM |
| Κωδικοποίηση | Το JavaScript χρησιμοποιεί περισσότερες γραμμές κώδικα καθώς πρέπει να γράψουμε τον δικό μας κώδικα | Το jQuery χρησιμοποιεί λιγότερες γραμμές κώδικα από το JavaScript για την ίδια λειτουργικότητα με τον κώδικα που είναι ήδη γραμμένος στη βιβλιοθήκη του, απλώς πρέπει να εισαγάγουμε τη βιβλιοθήκη και να χρησιμοποιήσουμε τη σχετική λειτουργία / μέθοδο της βιβλιοθήκης στον κώδικα μας. |
| Χρήση | Ο κώδικας JavaScript γράφεται μέσα στην ετικέτα σεναρίου σε μια σελίδα HTML | Πρέπει να εισαγάγουμε το jQuery από το CDN ή από μια τοποθεσία όπου γίνεται λήψη της βιβλιοθήκης jQuery για να τη χρησιμοποιήσουμε. Ο κώδικας jQuery γράφεται επίσης μέσα στην ετικέτα σεναρίου στη σελίδα HTML. |
| Κινούμενα σχέδια | Μπορούμε να κάνουμε κινούμενα σχέδια σε JavaScript με πολλές γραμμές κώδικα. Τα κινούμενα σχέδια γίνονται κυρίως με χειρισμό του στυλ μιας σελίδας Html. | Στο jQuery, μπορούμε να προσθέσουμε εφέ κίνησης εύκολα με λιγότερες γραμμές κώδικα. |
| Φιλικότητα προς τον χρήστη | Η JavaScript μπορεί να είναι δυσκίνητη για τον προγραμματιστή, καθώς μπορεί να χρειαστεί πολλές γραμμές κώδικα για να επιτευχθεί μια λειτουργικότητα | Το jQuery είναι πιο φιλικό προς το χρήστη από το JavaScript με λίγες γραμμές κώδικα |
| Συμβατότητα μεταξύ προγραμμάτων περιήγησης | Στο JavaScript, ίσως χρειαστεί να αντιμετωπίσουμε τη συμβατότητα μεταξύ προγραμμάτων περιήγησης γράφοντας επιπλέον κώδικα ή μια λύση. | Το jQuery είναι συμβατό με προγράμματα περιήγησης. Δεν χρειάζεται να ανησυχούμε για τη σύνταξη οποιουδήποτε εναλλακτικού ή επιπλέον κώδικα για να κάνουμε τον κώδικα συμβατό με ένα πρόγραμμα περιήγησης. |
| Εκτέλεση | Η καθαρή JavaScript μπορεί να είναι πιο γρήγορη για την επιλογή / χειρισμό DOM από το jQuery, καθώς η JavaScript επεξεργάζεται απευθείας από το πρόγραμμα περιήγησης. | Το jQuery πρέπει να μετατραπεί σε JavaScript για να εκτελεστεί σε πρόγραμμα περιήγησης. |
| Διαχείριση συμβάντων, διαδραστικότητα και κλήσεις Ajax | Όλα αυτά μπορούν να γίνουν σε JavaScript αλλά ίσως χρειαστεί να γράψουμε πολλές γραμμές κώδικα. | Όλα αυτά μπορούν να γίνουν εύκολα με το jQuery με λιγότερες γραμμές κώδικα. Είναι ευκολότερο στο jQuery να προσθέτετε διαδραστικότητα, κινούμενα σχέδια και επίσης να πραγματοποιείτε κλήσεις ajax καθώς οι λειτουργίες είναι ήδη προκαθορισμένες στη βιβλιοθήκη. Απλώς χρησιμοποιούμε αυτές τις λειτουργίες στον κώδικα μας στα απαιτούμενα μέρη. |
| Πολυλογία | Η JavaScript είναι ρητή καθώς πρέπει να γράψει πολλές γραμμές κώδικα για μια λειτουργικότητα | Το jQuery είναι περιεκτικό και χρησιμοποιεί λιγότερες γραμμές κώδικα, μερικές φορές μόνο μία γραμμή κώδικα. |
| Μέγεθος και βάρος | Όντας μια γλώσσα, είναι βαρύτερο από το jQuery | Όντας μια βιβλιοθήκη, είναι ελαφρύ. Έχει μια ελαχιστοποιημένη έκδοση του κώδικα που το καθιστά ελαφρύ. |
| Επαναχρησιμοποίηση και συντήρηση | Ο κώδικας JavaScript μπορεί να είναι λεπτομερής και επομένως μπορεί να είναι δύσκολο να διατηρηθεί και να επαναχρησιμοποιηθεί. | Με λιγότερες γραμμές κώδικα, το jQuery είναι πιο διατηρήσιμο, καθώς απλά πρέπει να καλέσουμε τις προκαθορισμένες συναρτήσεις στη βιβλιοθήκη jQuery στον κώδικα μας. Αυτό μας κάνει επίσης να ξαναχρησιμοποιούμε εύκολα τις λειτουργίες jQuery σε διαφορετικά σημεία του κώδικα. |
Προχωρώντας με τη διαφορά μεταξύ JavaScript και jQuery με το Παράδειγμα.
JavaScript εναντίον jQuery με παραδείγματα
Ας δούμε τα παραδείγματα.
Προσθήκη JavaScript και jQuery στο έγγραφο HTML
Το JavaScript προστίθεται απευθείας στο έγγραφο HTML μέσα στην ετικέτα ή ένα εξωτερικό αρχείο JavaScript μπορεί να προστεθεί σε ένα έγγραφο HTML χρησιμοποιώντας το χαρακτηριστικό src.
Γράφτηκε απευθείας μέσα στην ετικέτα σεναρίου:
ειδοποίηση ('Αυτό το πλαίσιο ειδοποίησης κλήθηκε με το γεγονός φόρτωσης')Για να χρησιμοποιήσουμε το jQuery κατεβάζουμε το αρχείο από τον ιστότοπό του και παραπέμπουμε τη διαδρομή του ληφθέντος αρχείου jQuery στο χαρακτηριστικό src της ετικέτας SCRIPT ή μπορούμε να το πάρουμε απευθείας από το CDN (Δίκτυο παράδοσης περιεχομένου).
Χρήση CDN :
Ας καταλάβουμε το DOM Traversal and Manipulation
DOM Διασταύρωση και χειρισμός
Σε JavaScript:
Μπορούμε να επιλέξουμε ένα στοιχείο DOM σε JavaScript χρησιμοποιώντας τη μέθοδο document.getElementById () ή χρησιμοποιώντας τη μέθοδο document.querySelector ().
var mydiv = document.querySelector ('# div1')ή
document.getElementById ('# div1')Στο jQuery:
Εδώ, θα πρέπει να χρησιμοποιήσουμε μόνο το σύμβολο $ με τον επιλογέα σε αγκύλες.
$ (selector) $ ('# div1') - Ο επιλογέας είναι ένα id 'div1' $ ('. div1') - Ο επιλογέας είναι μια κλάση 'div1' $ ('p') - Ο επιλογέας είναι η παράγραφος στην Σελίδα HTMLΣτην παραπάνω δήλωση, το $ είναι ένα σημάδι που χρησιμοποιείται για την πρόσβαση στο jQuery, ο επιλογέας είναι ένα στοιχείο HTML.
Προσθήκη στυλ σε JavaScript:
document.getElementById ('myDiv'). style.backgroundColor = '# FFF'Προσθήκη στυλ στο jQuery:
$ ('# myDiv'). css ('background-color', '# FFF')Ο επιλογέας #myDiv αναφέρεται στο αναγνωριστικό 'myDiv'
Η επιλογή και ο χειρισμός στοιχείων DOM είναι πολύ πιο συνοπτική στο jQuery παρά στο JavaScript.
Προχωρώντας με το χειρισμό συμβάντων.
Χειρισμός εκδηλώσεων
Στο JavaScript, επιλέγουμε ένα στοιχείο HTML:
document.getElementById ('# button1'). addEventListener ('click', myCallback) λειτουργία myCallback () {κονσόλα ('μέσα στη λειτουργία myCallback')}Εδώ χρησιμοποιείται η μέθοδος getElementById () για την επιλογή ενός στοιχείου από το αναγνωριστικό του, και στη συνέχεια χρησιμοποιούμε τη μέθοδο addEventListener () για να προσθέσουμε ένα πρόγραμμα ακρόασης συμβάντος στο συμβάν. Σε αυτό το παράδειγμα, προσθέτουμε τη συνάρτηση myCallback ως ακροατής στο συμβάν «κλικ».
Μπορούμε επίσης να χρησιμοποιήσουμε μια ανώνυμη συνάρτηση στο παραπάνω παράδειγμα:
document.getElementById ('# button1'). addEventListener ('click', function () {console.log ('μέσα στη λειτουργία')})Το eventListener μπορεί να αφαιρεθεί χρησιμοποιώντας τη μέθοδο removeEventListener ()
document.getElementById ('# button1'). removeEventListener ('κλικ', myCallback)
Στο jQuery
Το jQuery έχει προκαθορισμένα συμβάντα για σχεδόν όλες τις ενέργειες DOM. Μπορούμε να χρησιμοποιήσουμε το συγκεκριμένο συμβάν jQuery για μια ενέργεια.
$ ('P'). Click (function () {// click action})Άλλα παραδείγματα είναι:
$ ('# Button1'). Dblclick (function () {// ενέργεια για το συμβάν διπλού κλικ στο στοιχείο html με αναγνωριστικό 'button1'}Η μέθοδος «on» του JQuery χρησιμοποιείται για την προσθήκη ενός ή περισσότερων συμβάντων σε ένα στοιχείο DOM.
$ ('# Button1'). On ('click', function () {// δράση εδώ})Μπορούμε να προσθέσουμε πολλαπλά συμβάντα και πολλαπλούς χειριστές συμβάντων με on μέθοδο.
$ ('Button1'). On ({click: function () {// action here}, dblclick: function () {// action here}})Δύο ή περισσότερα γεγονότα μπορούν να έχουν τον ίδιο χειριστή όπως παρακάτω:
$ ('# Button1'). On ('click dblclick', function () {// δράση εδώ})Έτσι βλέπουμε ότι με μικρότερο και συνοπτικό κώδικα, ο χειρισμός συμβάντων είναι ευκολότερος στο jQuery παρά στο JavaScript.
Προχωρώντας με τις κλήσεις Ajax.
Κλήσεις Ajax
Σε JavaScript
Το JavaScript χρησιμοποίησε ένα αντικείμενο XMLHttpRequest για να στείλει ένα αίτημα Ajax σε έναν διακομιστή. Το XMLHttpRequest έχει διάφορες μεθόδους για την πραγματοποίηση της κλήσης Ajax. Οι δύο κοινές μέθοδοι είναι ανοιχτές (μέθοδος, διεύθυνση URL, ασύγχρονος, χρήστης, PSW), αποστολή () και αποστολή (συμβολοσειρά).
Ας δημιουργήσουμε πρώτα ένα XMLHttpRequest:
var xhttp = new XMLHttpRequest () Στη συνέχεια, χρησιμοποιήστε αυτό το αντικείμενο για να καλέσετε την ανοιχτή μέθοδο: xhttp.open ('GET', 'D: //getinfo.txt', true) xhttp.send ()Η ανοιχτή μέθοδος κάνει ένα αίτημα λήψης σε έναν διακομιστή / τοποθεσία, το πραγματικό καθορίζει ότι το αίτημα είναι ασύγχρονο. Εάν η τιμή είναι ψευδής, αυτό σημαίνει ότι το αίτημα είναι σύγχρονο.
Υποβολή αιτήματος ανάρτησης:
var xhttp = new XMLHttpRequest () Στη συνέχεια, χρησιμοποιήστε αυτό το αντικείμενο για να καλέσετε την ανοικτή μέθοδο και να κάνετε ένα αίτημα ανάρτησης: xhttp.open ('POST', 'D: //postinfo.txt', true)Για να δημοσιεύσετε δεδομένα με το αίτημα, χρησιμοποιούμε τη μέθοδο setRequestHeader του xhttp για να καθορίσουμε τον τύπο των δεδομένων που θα σταλούν και η μέθοδος αποστολής στέλνει τα δεδομένα σε ζεύγη κλειδιών / τιμών:
xhttp.setRequestHeader ('Content-type', 'application / x-www-form-urlencoded') xhttp.send ('name = Ravi & επώνυμο = Kumar')Στο jQuery
Το jQuery έχει πολλές ενσωματωμένες μεθόδους για την πραγματοποίηση κλήσεων Ajax. Με αυτές τις μεθόδους, μπορούμε να καλέσουμε δεδομένα από τον διακομιστή και να ενημερώσουμε ένα μέρος της ιστοσελίδας με τα δεδομένα. Οι μέθοδοι jQuery κάνουν την κλήση Ajax εύκολη.
Η μέθοδος jQuery load (): Αυτή η μέθοδος ανακτά δεδομένα από μια διεύθυνση URL και φορτώνει τα δεδομένα σε έναν επιλογέα HTML.
$ ('P'). Φόρτωση (διεύθυνση URL, δεδομένα, επιστροφή κλήσης)
Η διεύθυνση URL είναι η τοποθεσία που καλείται για τα δεδομένα, η προαιρετική παράμετρος δεδομένων είναι τα δεδομένα (ζεύγη κλειδιών / τιμών) που θέλουμε να στείλουμε μαζί με την κλήση και η προαιρετική παράμετρος 'callback' είναι η μέθοδος που θέλουμε να εκτελέσουμε μετά τη φόρτωση ολοκληρώθηκε.
Η μέθοδος jQuery $ .get () και $ .post (): Αυτή η μέθοδος ανακτά δεδομένα από μια διεύθυνση URL και φορτώνει τα δεδομένα σε έναν επιλογέα HTML.
$ .get (διεύθυνση URL, επιστροφή κλήσης)
Η διεύθυνση URL είναι η τοποθεσία που απαιτείται για τα δεδομένα και η επιστροφή κλήσης είναι η μέθοδος που θέλουμε να εκτελέσουμε μετά την ολοκλήρωση της φόρτωσης.
$ .post (διεύθυνση URL, δεδομένα, επιστροφή κλήσης)
Η διεύθυνση URL είναι η τοποθεσία που απαιτείται για τα δεδομένα, τα δεδομένα είναι το ζεύγος κλειδιών / τιμών που θέλουμε να στείλουμε με την κλήση και η επιστροφή κλήσης είναι η μέθοδος που θέλουμε να εκτελέσουμε μετά την ολοκλήρωση της φόρτωσης. Εδώ οι παράμετροι δεδομένων και επανάκλησης είναι προαιρετικές.
Οι κλήσεις jQuery Ajax είναι πιο περιεκτικές από το JavaScript. Στο JavaScript, χρησιμοποιούμε ένα αντικείμενο XMLHTTPRequest, στο jQuery δεν χρειάζεται να χρησιμοποιήσουμε ένα τέτοιο αντικείμενο.
πώς να φτιάξετε έναν δυναμικό πίνακα στο java
Προχωρώντας με κινούμενα σχέδια.
Κινουμένων σχεδίων
Σε JavaScript
Το JavaScript δεν έχει συγκεκριμένη συνάρτηση κινούμενης εικόνας, όπως η συνάρτηση jQuery animate (). Στο JavaScript, το εφέ κίνησης επιτυγχάνεται κυρίως με το χειρισμό του στυλ του στοιχείου ή με τη χρήση μετασχηματισμού CSS, μετάφρασης ή κινούμενων ιδιοτήτων. Η JavaScript χρησιμοποιεί επίσης τις μεθόδους setInterval (), clearInterval (), setTimeout () και clearTimeout () για εφέ κίνησης.
συνάρτηση setInterval (myAnimation, 4) myAnimation () {document.getElementById ('# div1'). style.transform = 'translate (100px, 100px)' document.getElementById ('# div1'). style.transform = 'rotate ( 20deg) '}Το κινούμενο σχέδιο σε JavaScript αφορά κυρίως το χειρισμό των ιδιοτήτων CSS.
Στο jQuery
Το jQuery έχει πολλές ενσωματωμένες μεθόδους για την προσθήκη κινούμενων εικόνων ή εφέ σε στοιχεία HTML. Ας δούμε μερικά από αυτά.
Η μέθοδος animate (): Αυτή η μέθοδος χρησιμοποιείται για την προσθήκη κινούμενης εικόνας σε ένα στοιχείο.
$ ('# button1'). click (function () {$ ('# div1') .animate ({ύψος: '300px'})}})Η μέθοδος show (): Αυτή η μέθοδος χρησιμοποιείται για να κάνει ένα στοιχείο ορατό από μια κρυφή κατάσταση.
$ ('# button1'). κάντε κλικ στο (function () {$ ('# div1'). show ()})Η μέθοδος απόκρυψης (): Αυτή η μέθοδος χρησιμοποιείται για την απόκρυψη ενός στοιχείου από μια ορατή κατάσταση.
$ ('# button1'). κάντε κλικ (λειτουργία () {$ ('# div1'). απόκρυψη ()})Το jQuery έχει τις δικές του μεθόδους για την παραγωγή κινούμενων εικόνων και εφέ σε μια ιστοσελίδα.
Συνοψίζοντας, το JavaScript είναι μια γλώσσα για την ανάπτυξη ιστού, το jQuery είναι μια βιβλιοθήκη που προήλθε από το JavaScript. Το JavaScript και το jQuery έχουν τη δική τους σημασία στην ανάπτυξη ιστού.
Τώρα που γνωρίζετε για τους βρόχους JavaScript, δείτε το από την Edureka. Η Εκπαίδευση Πιστοποίησης Ανάπτυξης Ιστού θα σας βοηθήσει να μάθετε πώς να δημιουργείτε εντυπωσιακούς ιστότοπους χρησιμοποιώντας HTML5, CSS3, Twitter Bootstrap 3, jQuery και Google API και να το αναπτύξετε στην υπηρεσία απλής αποθήκευσης Amazon (S3).
Έχετε μια ερώτηση για εμάς; Παρακαλώ αναφέρετέ το στην ενότητα σχολίων του 'JavaScript vs jQuery' και θα επικοινωνήσουμε μαζί σας.