Γλώσσα Γραμματοσειράς του jQuery

Με το jQuery, μπορείτε να επιλέξετε (αναζητήσετε, αναζητήσετε) στοιχεία HTML και να εκτελέσετε σε αυτά "λειτουργίες" (actions).

Παράδειγμα γραμματικής jQuery

$("this").hide()
Παρουσίαση της λειτουργίας hide() του jQuery, κρύψτε το τρέχον στοιχείο HTML
$("#test").hide()
Παρουσίαση της λειτουργίας hide() του jQuery, κρύψτε το στοιχείο με id="test"
$("p").hide()
Παρουσίαση της λειτουργίας hide() του jQuery, κρύψτε όλα τα στοιχεία <p>
$(".test").hide()
Παρουσίαση της λειτουργίας hide() του jQuery, κρύψτε όλα τα στοιχεία με class="test"

Γλώσσα Γραμματοσειράς του jQuery

Η γραμματική του jQuery είναι σχεδιασμένη για την επιλογή HTML στοιχείων και την εκτέλεση ορισμένων λειτουργιών σε αυτά.

Η βασική γραμματική είναι:$(selector).action()

  • Ο δολάριο χαρακτήρας ορίζει το jQuery
  • Ο επιλογέας (selector) "αναζητά" και "εύρεται" στοιχεία HTML
  • Η λειτουργία action() του jQuery εκτελεί λειτουργίες στο στοιχείο

Παράδειγμα

$("this").hide() - Κρύψτε το τρέχον στοιχείο

$("p").hide() - Κρύψτε όλα τα στοιχεία段落

$(".test").hide() - Κρύψτε όλα τα στοιχεία με class="test"

$("#test").hide() - Κρύψτε όλα τα στοιχεία με id="test"

Συμβουλή:Η γραμματική που χρησιμοποιείται από το jQuery είναι συνδυασμός της γραμματικής XPath και της γραμματικής CSS selector. Στα επόμενα κεφάλαια του教程, θα μάθετε περισσότερα για τη γραμματική των selectors.

Λειτουργία έτοιμοι του έγγραφου

Μπορείτε να έχειτε παρατηρήσει ότι σε όλες τις παραδείγματα των jQuery functions βρίσκονται μέσα σε μια συνάρτηση document ready:

$(document).ready(function(){
  // jQuery functions go here
});

Αυτό είναι για να αποτρέψει την εκτέλεση κώδικα jQuery πριν το έγγραφο φορτωθεί πλήρως (επιτρεπόμενο).

Αν εκτελέσετε τη συνάρτηση πριν το έγγραφο φορτωθεί πλήρως, η λειτουργία μπορεί να αποτύχει. Ακολουθούν δύο συγκεκριμένα παραδείγματα:

  • Προσπάθεια για να κρύψει ένα στοιχείο που δεν υπάρχει
  • Προσπάθεια για να αποκτηθεί το μέγεθος της εικόνας που δεν έχει φορτωθεί πλήρως