Τι είναι ένα αντικείμενο jQuery;
--- είναι το αντικείμενο που δημιουργείται με την αναδίπλωση του αντικειμένου DOM μέσω του jQuery. Τα αντικείμενα jQuery είναι μοναδικά για το jQuery και μπορούν να χρησιμοποιήσουν μεθόδους στο jQuery.
Σαν τι:
$("#test").html() σημαίνει να λάβετε τον κώδικα html μέσα στο στοιχείο με τη δοκιμή ID ως δοκιμή. html() είναι η μέθοδος στο jQuery
Αυτός ο κώδικας είναι ισοδύναμος με την εφαρμογή κώδικα στο DOM:
document.getElementById("id").innerHTML;
Αν και τα αντικείμενα jQuery δημιουργούνται με αναδίπλωση αντικειμένων DOM, το jQuery δεν μπορεί να χρησιμοποιήσει μεθόδους αντικειμένων DOM, ούτε τα αντικείμενα DOM μπορούν να χρησιμοποιήσουν μεθόδους στο jQuery. Η τυχαία χρήση θα οδηγήσει σε σφάλμα. Για παράδειγμα: $("#test").innerHTML, document.getElementById("id").html() είναι όλα λάθος.
Ένα άλλο πράγμα που πρέπει να σημειωθεί είναι ότι η χρήση του #id ως επιλογέα είναι ένα αντικείμενο jQuery και ένα αντικείμενο DOM που λαμβάνεται από το document.getElementById("id"), τα οποία δεν είναι ισοδύναμα. Δείτε τα παρακάτω για τη μετατροπή μεταξύ των δύο.
Δεδομένου ότι το jQuery είναι διαφορετικό αλλά και σχετικό, τα αντικείμενα jQuery και τα αντικείμενα DOM μπορούν επίσης να μετατραπούν μεταξύ τους. Πριν μετατρέψουμε τα δύο, δίνουμε πρώτα μια σύμβαση: εάν το ένα είναι αντικείμενο jQuery, τότε προσθέτουμε $ μπροστά από τη μεταβλητή, όπως: var $variab = αντικείμενο jQuery. Εάν λάβετε ένα αντικείμενο DOM, είναι το ίδιο με το κανονικό: var variab = αντικείμενο DOM. Μια τέτοια συμφωνία είναι μόνο για τη διευκόλυνση της εξήγησης και της διάκρισης και δεν ορίζεται στην πραγματική χρήση.
Αντικείμενο jQuery σε αντικείμενο DOM:
Υπάρχουν δύο μέθοδοι μετατροπής για τη μετατροπή ενός αντικειμένου jQuery σε αντικείμενο DOM: [index] και .get(index).
(1) Το αντικείμενο jQuery είναι ένα αντικείμενο δεδομένων, το οποίο μπορεί να ληφθεί χρησιμοποιώντας τη μέθοδο [index].
Για παράδειγμα: var $v =$("#v"); Αντικείμενο jQuery
var v=$v[0]; Αντικείμενο DOM
alert(v.checked) // Ανιχνεύει εάν αυτό το πλαίσιο ελέγχου είναι επιλεγμένο
(2) Το ίδιο το jQuery παρέχει το αντίστοιχο αντικείμενο DOM μέσω της μεθόδου .get(index)
Για παράδειγμα: var $v=$("#v"); Αντικείμενο jQuery
var v=$v.get(0); Αντικείμενο DOM
alert(v.checked) // Ανιχνεύει εάν αυτό το πλαίσιο ελέγχου είναι επιλεγμένο
Αντικείμενο DOM στο αντικείμενο jQuery:
Για αντικείμενα DOM, χρειάζεται μόνο να τυλίξετε το αντικείμενο DOM με $() για να λάβετε ένα αντικείμενο jQuery. $(αντικείμενο DOM)
Για παράδειγμα: var v=document.getElementById("v"); Αντικείμενο DOM
var $v=$(v); Αντικείμενο jQuery
Μετά τη μετατροπή, μπορείτε να χρησιμοποιήσετε τις μεθόδους του jQuery όπως θέλετε.
Χρησιμοποιώντας τις παραπάνω μεθόδους, μπορείτε να μετατρέψετε αυθαίρετα αντικείμενα jQuery και αντικείμενα DOM μεταξύ τους. Θα πρέπει να τονιστεί ότι τα αντικείμενα DOM μπορούν να χρησιμοποιούν μόνο μεθόδους στο DOM και τα αντικείμενα jQuery δεν μπορούν να χρησιμοποιούν μεθόδους στο DOM. |
Δημοσιεύτηκε στις 4/1/2016 4:44:58 μ.μ.
|
|
|
