Πώς να χρησιμοποιήσετε JQuery AJAX για HTML5 και CSS3 Προγραμματισμός - dummies

Παρόλο που πολλές εκκρεμείς βιβλιοθήκες AJAX / JavaScript είναι διαθέσιμες για τους προγραμματιστές HTML5 και CSS3, το jQuery έγινε γρήγορα ένα από τα σημαντικότερα. Εδώ είναι μερικοί λόγοι για τη δημοτικότητα του jQuery:

• Είναι μια ισχυρή βιβλιοθήκη. Το σύστημα jQuery είναι απίστευτα ισχυρό. Μπορεί να κάνει όλα τα είδη εντυπωσιακών πραγμάτων για να καταστήσει τη JavaScript πιο εύκολη.

• Είναι ελαφρύ. Πρέπει να συμπεριλάβετε μια αναφορά στη βιβλιοθήκη σας σε κάθε αρχείο που την χρειάζεται. Ολόκληρη η βιβλιοθήκη jQuery χωρά σε 55Κ, η οποία είναι μικρότερη από πολλά αρχεία εικόνας. Δεν θα έχει σημαντικό αντίκτυπο στην ταχύτητα λήψης.

• Υποστηρίζει έναν ευέλικτο μηχανισμό επιλογής. Το jQuery απλοποιεί και διευρύνει σημαντικά το έγγραφο. getElementById μηχανισμό που είναι κεντρικός στο χειρισμό DOM.

• Έχει μεγάλη υποστήριξη κινουμένων σχεδίων. Μπορείτε να χρησιμοποιήσετε το jQuery για να εμφανιστούν στοιχεία και να ξεθωριάζουν, να μετακινούνται και να ολισθαίνουν.

• Κάνει τα ερωτήματα του AJAX ασήμαντα. Θα εκπλαγείτε με το πόσο εύκολο είναι το AJAX με το jQuery.

• Έχει έναν ενισχυμένο μηχανισμό γεγονότων. Η JavaScript έχει πολύ περιορισμένη υποστήριξη για εκδηλώσεις. Το jQuery προσθέτει ένα πολύ ισχυρό εργαλείο για την προσθήκη χειριστών συμβάντων σε σχεδόν οποιοδήποτε στοιχείο.

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

• Υποστηρίζει widgets της διεπαφής χρήστη. Το jQuery έρχεται με μια ισχυρή βιβλιοθήκη διεπαφής χρήστη, συμπεριλαμβανομένων των εργαλείων HTML που δεν διαθέτει, όπως τα στοιχεία ελέγχου μεταφοράς και απόθεσης, ρυθμιστικά και επιλογές ημερομηνίας.

• Είναι εξαιρετικά επεκτάσιμη. Η jQuery διαθέτει μια βιβλιοθήκη plug-in που υποστηρίζει όλα τα είδη των προαιρετικών λειτουργιών, όπως νέα widgets και εργαλεία όπως ενοποίηση ήχου, γκαλερί εικόνων, μενού και πολλά άλλα.

• Εισάγει ισχυρές νέες ιδέες προγραμματισμού. Το jQuery είναι ένα εξαιρετικό εργαλείο για να μάθετε για μερικές πραγματικά ενδιαφέρουσες ιδέες όπως ο λειτουργικός προγραμματισμός και τα αλυσιδωτά αντικείμενα.

• Είναι δωρεάν και ανοιχτό. Είναι διαθέσιμο υπό άδεια ανοικτού κώδικα, πράγμα που σημαίνει ότι δεν κοστίζει τίποτα για χρήση και μπορείτε να το δείτε και να το αλλάξετε αν το επιθυμείτε.

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

Πώς να εγκαταστήσετε το jQuery

Η βιβλιοθήκη jQuery είναι εύκολη στην εγκατάσταση και τη χρήση. Ακολουθήστε τα παρακάτω βήματα:

1. Μεταβείτε στο jquery. com.

2. Κάντε λήψη της τρέχουσας έκδοσης.

   Σήμερα, η πιο πρόσφατη έκδοση είναι 1.10. 2. Υπάρχει μια σειρά 2. Χ, αλλά αυτές οι εκδόσεις δεν υποστηρίζουν τα παλαιότερα προγράμματα περιήγησης, επομένως δεν θα υιοθετηθούν έως ότου δεν χρησιμοποιηθούν πλέον τα παλαιότερα προγράμματα περιήγησης (ειδικά IE 6 και λιγότερο).

   Μπορεί να έχετε τη δυνατότητα επιλογής από διάφορες εκδόσεις του αρχείου. Η ελαχιστοποιημένη έκδοση συνιστάται για πραγματική χρήση. Για να γίνει αυτό το αρχείο όσο το δυνατόν μικρότερο, αφαιρέθηκε κάθε περιττός χαρακτήρας. Αυτό το αρχείο είναι πολύ συμπαγές αλλά δύσκολο να διαβαστεί. Κάντε λήψη της μη εξιστορομημένης έκδοσης, εάν θέλετε να διαβάσετε τον κώδικα, αλλά είναι γενικά καλύτερα να συμπεριλάβετε την ελαχιστοποιημένη έκδοση στα προγράμματά σας.

3. Αποθηκεύστε το αρχείο που προκύπτει στον κατάλογο εργασίας σας.

   jQuery-1. 10. 2. min. js είναι το τρέχον αρχείο.

Για να ενσωματώσετε τη βιβλιοθήκη στις σελίδες σας, απλώς συνδέστε την ως εξωτερικό αρχείο JavaScript:

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

Πώς να εισαγάγετε το jQuery από το Google

Εύκολη καθώς προσθέτετε την υποστήριξη του jQuery, έχετε έναν ακόμα εξαιρετικό τρόπο να προσθέσετε υποστήριξη για τις σελίδες σας χωρίς να κατεβάσετε τίποτα από jQuery (και άλλη βιβλιοθήκη AJAX). Η Google διαθέτει μια δημόσια διαθέσιμη έκδοση πολλών σημαντικών βιβλιοθηκών (συμπεριλαμβανομένου του jQuery) που μπορείτε να κατεβάσετε από τους διακομιστές της.

Αυτό έχει μερικά ενδιαφέροντα πλεονεκτήματα:

• Δεν χρειάζεται να εγκαταστήσετε βιβλιοθήκες. Όλα τα αρχεία της βιβλιοθήκης παραμένουν στο διακομιστή Google.

• Η βιβλιοθήκη ενημερώνεται αυτόματα. Έχετε πάντα πρόσβαση στην πιο πρόσφατη έκδοση της βιβλιοθήκης χωρίς να κάνετε αλλαγές στον κώδικα σας.

• Η βιβλιοθήκη ενδέχεται να φορτώνεται πιο γρήγορα. Την πρώτη φορά που μία από τις σελίδες σας διαβάζει τη βιβλιοθήκη από τους διακομιστές της Google, πρέπει να περιμένετε την πλήρη λήψη, αλλά στη συνέχεια η βιβλιοθήκη αποθηκεύεται σε μια προσωρινή μνήμη (μια μορφή μνήμης προγράμματος περιήγησης) τα επόμενα αιτήματα είναι ουσιαστικά άμεσα.

Δείτε πώς το κάνετε:

Ουσιαστικά, η φόρτωση του jQuery από την Google είναι μια διαδικασία δύο βημάτων:

1. Φορτώστε το Google API από την Google.

   Χρησιμοποιήστε την πρώτη ετικέτα για να ανατρέξετε στον διακομιστή API Google AJAX. Αυτό σας δίνει πρόσβαση στο Google. load ().

2. Invoke google. load () για να φορτώσετε το jQuery.

   • Η πρώτη παράμετρος είναι το όνομα της βιβλιοθήκης που θέλετε να φορτώσετε.

   • Η δεύτερη παράμετρος είναι ο αριθμός έκδοσης. Εάν αφήσετε αυτήν την παράμετρο κενή, θα έχετε την πιο πρόσφατη έκδοση. Εάν ορίσετε έναν αριθμό, η Google σας δίνει την πιο πρόσφατη παραλλαγή αυτής της έκδοσης.

Σημειώστε ότι δεν χρειάζεται να εγκαταστήσετε τοπικά αρχεία για να χρησιμοποιήσετε την προσέγγιση της Google.

Όλες αυτές οι επιλογές για τη διαχείριση του jQuery μπορεί να είναι ζαλάδες. Χρησιμοποιήστε όποια τεχνική λειτουργεί καλύτερα για εσάς.