Σύνδεση jQuery

Με το jQuery, μπορείτε να συνδέσετε ενέργειες/μεθόδους.

Το Chaining επιτρέπει να έχουμε πολλαπλές μεθόδους jQuery σε μια εντολή (στο ίδιο στοιχείο).

Σύνδεση μεθόδων jQuery

Από τώρα μέχρι τώρα, γράψαμε μια εντολή jQuery κάθε φορά (μια μετά την άλλη).

Ωστόσο, υπάρχει μια τεχνική που ονομάζεται σύνδεση (chaining), η οποία επιτρέπει να εκτελέσουμε πολλαπλές εντολές jQuery στο ίδιο στοιχείο, μια μετά την άλλη.

Συμβουλή:Όπως αυτό, ο περιηγητής δεν χρειάζεται να βρει πολλές φορές τον ίδιο στοιχείο.

Για να συνδέσετε μια ενέργεια, απλά προσθέστε την ενέργεια στην προηγούμενη ενέργεια.

Παράδειγμα 1

Το παρακάτω παράδειγμα συνδέει τα css(), slideUp(), και slideDown(). Ο στοιχείο "p1" θα γίνει κόκκινο, στη συνέχεια θα αναπηδήσει προς τα πάνω και μετά προς τα κάτω:

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

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

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

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

Παράδειγμα 2

Αυτό το κείμενο μπορεί επίσης να εκτελεστεί:

$("#p1").css("color","red")
  .slideUp(2000)
  .slideDown(2000);

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

Το jQuery θα πέταξε τα περιττά κενά και θα εκτελέσει το παραπάνω κείμενο ως μια γραμμή κώδικα.