jQuery

Στις επόμενες αναρτήσεις θα ασχοληθούμε με την jQuery. Η jQuery είναι μία JavaScript βιβλιοθήκη. Με την jQuery σε μία γραμμή κώδικα μπορούμε να γράψουμε εργασίες που απαιτούν πολλές γραμμές κώδικα Javascript. Η jQuery είναι ένα αρχείο JavaScript που τη καλούμε στο head της HTML. Με την jQuery εκτελούμε “δράσεις” σε στοιχεία HTML $(selector).action(). Στα παραδείγματα μας θα χρησιμοποιήσουμε το γεγονός $(document).ready(function(){// jQuery μέθοδοι...}); για να εκτελεστεί ο κώδικας της jQuery μετά τη φόρτωση του κειμένου, δείτε τα σχόλια στο κώδικα για να κατανοήστε πως λειτουργεί.

 

Δοκιμάστε!

 

jQuery Selectors

Οι jQuery Selectors μας επιτρέπουν να επιλέξουμε και να αλλάξουμε στοιχεία της HTML, με βάση το όνομα(name), την ταυτότητα(id), τα είδη(types) και πολλά άλλα. Όλοι οι jQuery Selectors ξεκινούν με το σύμβολο του δολαρίου και παρένθεσης: $().

 

Δοκιμάστε!

 

jQuery Events

Όλες οι ενέργειες ενός χρήστη σε μία ιστοσελίδα ονομάζονται events(γεγονότα). Ένα γεγονός αντιπροσωπεύει την ακριβή στιγμή που θα συμβεί κάτι(μετακινώντας το ποντίκι, επιλέγοντας ένα κουμπί, κάνοντας κλικ σε ένα στοιχείο κ.α). Μερικά γεγονότα για το ποντίκι click, dbclick, mouseenter, mouseleave. Για το πληκτρολόγιο keypress, keydown, keyup. Για φόρμες submit, change, focus. Για παράθυρα load, resize, scroll.

 

Δοκιμάστε!

 

jQuery εφέ – Fading

Με τη jQuery μπορείτε να εμφανίσετε και να εξαφανίσετε στοιχεία HTML με fading(ξεθώριασμα). Υπάρχουν οι μέθοδοι fadeIn(), fadeOut(), fadeToggle(), fadeTo().

 

Δοκιμάστε!

 

jQuery – Διαστάσεις

Με τη jQuery, είναι εύκολο να δούμε και να αλλάξουμε τις διαστάσεις από HTML στοιχεία. Θα δούμε τις μεθόδους width(), height().

 

Δοκιμάστε!

 

jQuery – η μέθοδος noConflict()

Η jQuery χρησιμοποιεί το σύμβολο του δολαρίου($) σαν shortcut. Υπάρχουν και άλλα javascript frameworks που μπορεί να χρησιμοποιούν το δολάριο($) σαν shortcut, τότε το ένα από τα δύο frameworks δεν λειτουργεί. Για αυτό στην jQuery υπάρχει η μέθοδος noConflict.

 

Δοκιμάστε!