Τι είναι η jQuery; |  Στάλες στο γαλάζιο ® <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnESEcUlCHAczzwfZujZUZw6v37TM8IA5lR8Ibncrf7tvpxDHI7V5hJzqq4y8Ku4nDXUCqvQ6-f2vJSg0FLIkxpFyd5G6OlStXMmSEVSRkk_LXR4amhur56H0XRNxl8GjsMq7IoxjSQPnW/s72-c/jQuery.jpg' rel='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiME6DVcbv3gKvBNmYAN6FDaLxToDKS-E4cTNSSmHJAS370hC-oKXqo1VtWSfx20ExDsIsLjKJppxnTl_N-7lJi_B4ZDQzj5BQ5TZ9fMdN27ybf3x0Yzs0Jd7JQo_Ar824kLqZbIbRkOUU/s640/Stales_sto_Galazio.jpg'/>

0




H jQuery είναι μια βιβλιοθήκη εντολών Javascript. Χρησιμοποιώντας την μπορούμε να κάνουμε πάρα πολλά πράγματα όπως:

Επιλογή & Διαμόρφωση HTML στοιχείων, Διαμόρφωση CSS στοιχείων, διάφορες διεργασίες HTML γεγονότων, Εφέ σε JavaScript και animations, Διαμόρφωση του HTML DOM (Document Object Module), Χρήση AJAX καθώς και μια πληθώρα από άλλες εφαρμογές.

Πως μπορείτε να την χρησιμοποιήσετε;


Για να ενσωματώσουμε την βιβλιοθήκη σε ένα html αρχείο, προσθέτουμε στο <head>......</head> της σελίδας μας τον εξής κώδικα:


<script type="text/javascript" src="jquery.js"></script>


Το αρχείο αυτό είναι η βιβλιοθήκη με όλες τις εντολές, και μπορούμε να το βρούμε σε δυο διαφορετικές εκδόσεις, από το jQuery.com

1η) jQuery minfied ( σε μέγεθος 23K)
2η) jQuery regular ( σε μέγεθος 154K)

Για να σώσετε τα αρχεία, πατήστε δεξί κλίκ και Save As.

Eπίσης μπορούμε να συνδέσουμε το αρχείο με την online έκδοση από την Google με τον εξής τρόπο:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>


Σύνταξη:


Τώρα θα προχωρήσουμε στην σύνταξη του κώδικα της.

Η οποία είναι αρκετά απλή.

Σαν πρώτο βήμα έχουμε την επιλογή & την δράση η οποία καθορίζεται με το σύμβολο του δολλαρίου

$(...επιλογή...).δράση/action ( )

Η (...επιλογή...) είναι το ερώτημα (query) για το HTML στοιχείο που θέλουμε να προσθέσουμε στην σελίδα μας.

H δράση (action) είναι ότι θα συμβεί στο στοιχείο αυτό που θα έχετε επιλέξει

Για παράδειγμα:



$(this).hide() – Εδώ, θα μας κρύψει το επιλεγμένο αντικείμενο
$(“p”).hide() – Εδώ, θα μας κρύψει όλες τις παραγράφους
$(“p.test”).hide() – Εδώ, όλες τις παραγράφους με την κλάση class=”test”
$(“#test”).hide() – Κι εδώ, όλα τα στοιχεία με ταυτότητα id=”test”


Ο έλεγχος:


Για να διασφαλίσουμε ότι η σελίδα μας έχει φορτώσει πλήρως πρίν τρέξουν οι jQuery εντολές που δώσαμε, χρησιμοποιούμε το εξής function:


$(document).ready(function(){
Εδώ προσθέτουμε όλες τις εντολές της jQuery
});


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

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

Σε επόμενη ανάρτηση θα δούμε & θα αναλύσουμε μαζί, όλες τις επιλογές που μπορεί να μας προσφέρει

Εώς τότε, να περνάτε καλά & να προσέχετε!!!

Δημοσίευση σχολίου Blogger

Παρακαλώ, την προσοχή σας ! ! !

* Εάν εντοπίσετε κάποιο πρόβλημα σε κάποια δημοσίευση (μη ενεργός συνδεσμος λ.χ. ή οτιδήποτε άλλο), παρακαλούμε κάντε τον κόπο να γράψετε στα σχόλιά σας, το οποιοδήποτε πρόβλημά σας, ώστε να προβούμε στην άμεση διόρθωσή του.
Επίσης, μπορείτε να αποστείλετε ένα "Ευχαριστώ" προς όσους ασχολήθηκαν & σας προσέφεραν ένα... κομμάτι από τη γνώση τους.

Παράκληση προς τους φίλους αναγνώστες-σχολιαστές:

* Να αποφεύγετε να γράφετε με greekglish γιατί τα σχόλιά σας ΔΕΝ θα γίνονται δεκτά.
* Αποφεύγετε το spamάρισμα στα σχόλια. - Please don't spam me!
* Σε περίπτωση που δεν έχετε καταλάβει κάτι, επικοινωνήστε μαζί μας μέσα από την φόρμα των σχολίων και θα σας απαντήσουμε σε εύλογο χρόνο, γι' αυτό ΜΗΝ καταφεύγετε στη αποστολή e-mail για τις όποιες απορίες σας.
* Χρησιμοποιήστε το Reply (που βρίσκεται κάτω από την εικόνα χρήστη), αν θέλετε να του απευθύνετε το λόγο, ή να απαντήσετε σε προυγούμενο σχόλιο.
* Το μέγιστο όριο χαρακτήρων είναι 4.096
* Τα σχόλιά σας θα δημοσιεύονται μετά τον απαραίτητο έλεγχο.

Σημείωση: Όσοι θέλετε να παίρνετε ειδοποιήσεις για τα σχόλια που κανετε, μην ξεχάσετε να τικάρετε το κουμπί "Να λαμβάνω ειδοποιήσεις"

Σας Ευχαριστούμε για την κατανόηση και την επίσκεψή σας.!

 
Top
Blogger Tutorials

Δημιουργήστε τώρα ένα ιδανικό ιστολόγιο, χωρίς να ξοδέψετε ούτε 1€.Περισσότερα από 500 tutorials είναι στη διάθεσή σας.
Οι διαχειριστές του ιστολογίου «Στάλες στο γαλάζιο» σας συμβουλεύουν...
Αποφεύγετε την οποιαδήποτε προσφερόμενη "βοήθεια" από τυχάρπαστους και κατ' επίφαση "web designers", που από ιδιοτέλεια και μόνο προσπαθούν να εκμεταλλευθούν την άγνοιά σας!!!
Με εκτίμηση
«Στάλες στο γαλάζιο»
:-)