Σε προηγούμενα άρθρα έχουμε δεί τα βασικά χαρακτηριστικά της JQuery, και μάθαμε σχεδόν όλα όσα χρειαζόμαστε για να ξεκινήσουμε την περιήγηση μας στον κόσμο της. Σε αυτό το άρθρο θα ασχοληθούμε με ένα ζήτημα που αποτελεί ακρογωνιαίο λίθο στην JQuery, και αυτό είναι οι selectors της πασίγνωστης βιβλιοθήκης Javascript.

Σε αυτό το άρθρο θα αντιμετωπίσουμε το ερώτημα, ποια έκδοση της JQuery μας ταιριάζει. Αν και τεχνικά, το δίλλημα αυτό δε λέει πολλά, ωστόσο, έχω την άποψη πως ότι μαθαίνουμε ένα προγραμματιστικό εργαλείο, οι λεπτομέρειες μπορεί να είναι σημαντικές.

Πίσω στην δεκαετία του 1990, όταν οι δυναμικές ιστοσελίδες αποτελούσαν σενάρια επιστημονικής φαντασίας, οι δημιουργοί ιστοσελίδων παλεύαμε με ό,τι είχαμε. HTML, DHTML, CGI… και Javascript.

Χτές, στο πρώτο μέρος, είδαμε βήμα-βήμα πως δημιουργούμε την ιστοσελίδα, στην οποία σήμερα θα προσθέσουμε το περιεχόμενο (κείμενο/εικόνες), και θα ενεργοποιήσουμε το drag n drop σε όλα τα παράθυρα με τα περιεχόμενα στην ιστοσελίδα μας.

Σε αυτή την μίνι σειρά βοηθημάτων, θα δούμε πως με την χρήση HTML, CSS και jQuery, μπορούμε να δημιουργήσουμε μια ιστοσελίδα στην οποία θα μπορούμε να μετακινήσουμε και να ανακατατάξουμε (με drag ‘n’ drop) τα διάφορα παράθυρα (blocks) σε διαφορετικές προκαθορισμένες θέσεις.

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

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

Σε αυτό το βοήθημα θα δούμε βήμα προς βήμα πως μπορούμε να προσθέσουμε εικονίδια δίπλα από τους συνδέσμους στην σελίδα μας, ώστε να κάνουμε τους σύνδεσμους πιο εμφανίσιμους και κατανοητούς.

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

Τα jQuery Tools είναι μια συλλογή από τα πιο σημαντικά στοιχεία user-interface components για τις ιστοσελίδες του σήμερα. Είναι ένα JavaScript αρχείο μεγέθους μόνο 5.72 Kb, είναι πολύ εύκολα στην χρήση και μπορεί να σας βοηθήσει να προσθέσετε στοιχεία στην σελίδα σας που θα δώσουν έναν παραπάνω WoW Factor. Δείτε και εσείς περί τίνος πρόκειται

Σε αυτό το βοήθημα θα δούμε αναλυτικά πώς να δημιουργήσουμε μια καρτέλα ακορντεόν για την πλαϊνή μπάρα της ιστοσελίδας μας, με ένα πολύ όμορφο εφέ συρταριού, χρησιμοποιόντας την jQuery. Για να το πραγματοποιήσουμε αυτό, θα χρησιμοποιήσουμε απλές εντολές html, css για το στύλ της σελίδας, και jQuery για την κίνηση του ακορντεόν μας.