Hva er et jQuery-objekt?
--- er objektet som genereres ved å pakke DOM-objektet inn via jQuery. jQuery-objekter er unike for jQuery og kan bruke metoder i jQuery.
Som hva:
$("#test").html() betyr å hente html-koden inne i elementet med ID-testen som test. html() er metoden i jQuery
Denne koden tilsvarer implementeringskode i DOM:
document.getElementById("id").innerHTML;
Selv om jQuery-objekter genereres ved å pakke inn DOM-objekter, kan ikke jQuery bruke noen metoder fra DOM-objekter, og heller ikke DOM-objekter kan bruke metoder i jQuery. Tilfeldig bruk vil føre til en feil. For eksempel: $("#test").innerHTML, document.getElementById("id").html() er alle feil.
En annen ting å merke seg er at bruk av #id som selektor er et jQuery-objekt og et DOM-objekt hentet av document.getElementById("id"), som ikke er ekvivalente. Se følgende for konverteringen mellom de to.
Siden jQuery er forskjellig, men også beslektet, kan jQuery-objekter og DOM-objekter også konverteres til hverandre. Før vi konverterer de to, gir vi først en konvensjon: hvis ett er et jQuery-objekt, legger vi $ foran variabelen, for eksempel: var $variab = jQuery-objekt; Hvis du får et DOM-objekt, er det det samme som normalt: var variab = DOM-objekt; En slik avtale er kun for bekvemmelighet av forklaring og distinksjon, og er ikke fastsatt i faktisk bruk.
jQuery-objekt til DOM-objekt:
Det finnes to konverteringsmetoder for å konvertere et jQuery-objekt til et DOM-objekt: [index] og .get(index);
(1) jQuery-objektet er et dataobjekt, som kan oppnås ved å bruke [indeks]-metoden.
For eksempel: var $v =$("#v"); jQuery-objektet
var v=$v[0]; DOM-objekt
alert(v.checked) // Oppdager om denne avkrysningsboksen er krysset av
(2) jQuery selv gir det tilsvarende DOM-objektet via .get(index)-metoden
For eksempel: var $v=$("#v"); jQuery-objektet
var v=$v.get(0); DOM-objekt
alert(v.checked) // Oppdager om denne avkrysningsboksen er krysset av
DOM-objekt til jQuery-objekt:
For DOM-objekter trenger du bare å pakke inn DOM-objektet med $() for å få et jQuery-objekt. $(DOM-objekt)
For eksempel: var v=document.getElementById("v"); DOM-objekt
var $v=$(v); jQuery-objektet
Etter konverteringen kan du bruke jQuerys metoder som du vil.
Ved å bruke metodene ovenfor kan du vilkårlig konvertere jQuery-objekter og DOM-objekter til hverandre. Det bør understrekes at DOM-objekter kun kan bruke metoder i DOM, og jQuery-objekter kan ikke bruke metoder i DOM. |
Publisert på 04.01.2016 16:44:58
|
|
|
