Εγκατάσταση Ειδικών Επεκτάσεων του jQuery

προηγούμενη σελίδα Επιλογείς του jQuery
επόμενη σελίδα jQuery 隐藏/显示

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

Συναρτήσεις εκδηλώσεων jQuery

Οι μεθόδοι εκδηλώσεων είναι οι κεντρικές συναρτήσεις της jQuery.

Η επεξεργασία εκδηλώσεων αναφέρεται στη μέθοδο που καλείται όταν συμβαίνει κάποια εκδήλωση στο HTML. Ο όρος αυτός χρησιμοποιείται συχνά με τον όρο "αποκαλύπτει" (ή "επιδραματίζει") την εκδήλωση.

Συνήθως τοποθετείται κώδικας jQuery στην μέθοδο χειρισμού εκδηλώσεων στο τμήμα <head>.

Παράδειγμα

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("document").ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>
<body>
<h2>Αυτό είναι ένας τίτλος</h2>
<p>Αυτό είναι ένα παραγραφός.</p>
<p>Αυτό είναι ένας άλλος παραγραφός.</p>
<button>Κλικ με</button>
</body>
</html>

Δοκιμάστε το προσωπικά

Στο παρακάτω παράδειγμα, όταν εκτυπώνεται το κουμπί, καλείται μια συνάρτηση:

$("button").click(function() {  // κάτι κώδικας... } )

Αυτή η μέθοδος κρύβει όλα τα στοιχεία <p>:

$("p").hide();

Συνάρτησεις σε μοναδικό αρχείο

Εάν ο ιστότοπός σας περιέχει πολλές σελίδες και θέλετε οι συναρτήσεις σας jQuery να είναι εύκολες στη συντήρηση, παρακαλώ τοποθετήστε τις συναρτήσεις σας jQuery σε ανεξάρτητο αρχείο .js.

Όταν παρουσιάζουμε το jQuery στις οδηγίες, προσθέτουμε τις συνάρτησεις απευθείας στο τμήμα <head>. Ωστόσο, είναι καλύτερο να τις τοποθετήσετε σε ένα ξεχωριστό αρχείο, όπως αυτό (απέχοντας από το αρχείο μέσω της ιδιότητας src):

Παράδειγμα

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

Σύγκρουση Ονομάτων jQuery

Το jQuery χρησιμοποιεί το σύμβολο $ ως κωδική αναφορά του jQuery.

Οι συνάρτησεις σε κάποιες άλλες βιβλιοθήκες JavaScript (π.χ. Prototype) χρησιμοποιούν επίσης το σύμβολο $.

Το jQuery χρησιμοποιεί τη μέθοδο noConflict() για να λύσει αυτό το πρόβλημα.

var jq=jQuery.noConflict()，βοηθώντας σας να χρησιμοποιήσετε το δικό σας όνομα (π.χ. jq) αντί για το σύμβολο $.

Δοκιμάστε το προσωπικά

Συμπέρασμα

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

Τοποθετήστε όλες τον κώδικα jQuery στο处理器 εκδηλώσεων
Τοποθετήστε όλες τις συνάρτησεις处理器 εκδηλώσεων στο γεγονός ready του έγγραφου
Τοποθετήστε τον κώδικα jQuery σε ξεχωριστό αρχείο .js
Αν υπάρχει σύγκρουση ονομάτων, μετονομάστε τη βιβλιοθήκη jQuery