Mikä on jQuery-objekti?
--- on objekti, joka generoidaan käärimällä DOM-objekti jQueryn kautta. jQuery-objektit ovat ainutlaatuisia jQuerylle ja voivat käyttää metodeja jQueryssä.
Kuten mitä:
$("#test").html() tarkoittaa, että html-koodi saadaan elementin sisälle ID-testin avulla. html() on metodi jQueryssä
Tämä koodi vastaa koodin toteuttamista DOM:ssa:
document.getElementById("id").innerHTML;
Vaikka jQuery-objektit generoidaan käärimällä DOM-olioita, jQuery ei voi käyttää DOM-olioiden metodeja, eivätkä DOM-objektit voi käyttää metodeja jQueryssä. Satunnainen käyttö aiheuttaa virheen. Esimerkiksi: $("#test").innerHTML, document.getElementById("id").html() ovat kaikki väärin.
Toinen huomionarvoinen seikka on, että #id:n käyttäminen valitsijana on jQuery-objekti ja DOM-objekti, jotka saadaan document.getElementById("id") avulla, jotka eivät ole ekvivalentteja. Katso seuraava käännös näiden kahden välillä.
Koska jQuery on erilainen mutta myös toisiinsa liittyvä, jQuery-objektit ja DOM-objektit voidaan myös muuntaa toisikseen. Ennen näiden kahden muuntamista annamme ensin konventio: jos toinen on jQuery-objekti, lisätään $ muuttujan eteen, kuten: var $variab = jQuery-objekti; Jos saat DOM-objektin, se on sama kuin normaalisti: var variab = DOM-objekti; Tällainen sopimus on vain selityksen ja erottelun helppouden vuoksi, eikä sitä ole määritelty varsinaisessa käytössä.
jQuery-objekti DOM-objektille:
On olemassa kaksi muunnosmenetelmää jQuery-objektin muuntamiseen DOM-objektiksi: [index] ja .get(index);
(1) jQuery-objekti on dataobjekti, joka voidaan saada käyttämällä [index]-menetelmää.
Esimerkiksi: var $v =$("#v"); jQuery-objekti
var v=$v[0]; DOM-objekti
alert(v.checked) // Tunnistaa, onko tämä valintaruutu valittu
(2) jQuery itse tarjoaa vastaavan DOM-objektin .get(index)-menetelmällä
Esimerkiksi: var $v=$("#v"); jQuery-objekti
var v=$v.get(0); DOM-objekti
alert(v.checked) // Tunnistaa, onko tämä valintaruutu valittu
DOM-objekti jQuery-objektille:
DOM-olioille tarvitsee vain kääriä DOM-objekti $():lla saadaksesi jQuery-objektin. $(DOM-objekti)
Esimerkiksi: var v=document.getElementById("v"); DOM-objekti
var $v=$(v); jQuery-objekti
Muunnoksen jälkeen voit käyttää jQueryn metodeja haluamallasi tavalla.
Käyttämällä yllä olevia menetelmiä voit mielivaltaisesti muuntaa jQuery- ja DOM-objektit toisilleen. On syytä korostaa, että DOM-oliot voivat käyttää metodeja vain DOM:ssa, ja jQuery-objektit eivät voi käyttää metodeja DOM:ssa. |
Julkaistu 4.1.2016 16.44.58
|
|
|
