Hvad er et jQuery-objekt?
--- er objektet, der genereres ved at indpakke DOM-objektet via jQuery. jQuery-objekter er unikke for jQuery og kan bruge metoder i jQuery.
Som hvad:
$("#test").html() betyder at få html-koden inde i elementet med ID-testen som test. html() er metoden i jQuery
Denne kode svarer til implementering af kode i DOM:
document.getElementById("id").innerHTML;
Selvom jQuery-objekter genereres ved at indpakke DOM-objekter, kan jQuery ikke bruge nogen metoder af DOM-objekter, og DOM-objekter kan heller ikke bruge metoder i jQuery. Tilfældig brug vil resultere i en fejl. For eksempel: $("#test").innerHTML, document.getElementById("id").html() er alle forkerte.
En anden ting at bemærke er, at brug af #id som selektor er et jQuery-objekt og et DOM-objekt, som opnås af document.getElementById("id"), som ikke er ækvivalente. Se følgende for konverteringen mellem de to.
Da jQuery er forskelligt, men også beslægtet, kan jQuery-objekter og DOM-objekter også konverteres til hinanden. Før vi konverterer de to, giver vi først en konvention: hvis én er et jQuery-objekt, tilføjer vi $ foran variablen, såsom: var $variab = jQuery-objekt; Hvis du får et DOM-objekt, er det det samme som normalt: var variab = DOM-objekt; En sådan aftale er kun for bekvemmelighed af forklaring og sondring og er ikke fastsat i faktisk brug.
jQuery-objekt til DOM-objekt:
Der findes to konverteringsmetoder til at konvertere et jQuery-objekt til et DOM-objekt: [index] og .get(index);
(1) jQuery-objektet er et dataobjekt, som kan opnås ved at bruge [index]-metoden.
For eksempel: var $v =$("#v"); jQuery-objektet
var v=$v[0]; DOM-objekt
alert(v.checked) // Registrerer om denne afkrydsningsboks er markeret
(2) jQuery selv leverer det tilsvarende DOM-objekt via .get(index)-metoden
For eksempel: var $v=$("#v"); jQuery-objektet
var v=$v.get(0); DOM-objekt
alert(v.checked) // Registrerer om denne afkrydsningsboks er markeret
DOM-objekt til jQuery-objekt:
For DOM-objekter behøver du kun at indpakke DOM-objektet med $() for at få et jQuery-objekt. $(DOM-objekt)
For eksempel: var v=document.getElementById("v"); DOM-objekt
var $v=$(v); jQuery-objektet
Efter konverteringen kan du bruge jQuerys metoder, som du vil.
Ved at bruge ovenstående metoder kan du vilkårligt konvertere jQuery-objekter og DOM-objekter til hinanden. Det skal understreges, at DOM-objekter kun kan bruge metoder i DOM, og jQuery-objekter ikke kan bruge metoder i DOM. |
Opslået på 04/01/2016 16.44.58
|
|
|
