Kas yra "jQuery" objektas?
--- yra objektas, sugeneruotas apvyniojant DOM objektą per jQuery. "jQuery" objektai yra unikalūs "jQuery" ir gali naudoti "jQuery" metodus.
Pavyzdžiui, kas:
$("#test").html() reiškia gauti html kodą elemento viduje su ID testu kaip testą. html() yra jQuery metodas
Šis kodas yra lygiavertis diegimo kodui DOM:
document.getElementById("id").innerHTML;
Nors "jQuery" objektai generuojami apvyniojant DOM objektus, "jQuery" negali naudoti jokių DOM objektų metodų, taip pat DOM objektai negali naudoti "jQuery" metodų. Atsitiktinis naudojimas sukels klaidą. Pavyzdžiui: $("#test").innerHTML, document.getElementById("id").html() yra neteisingi.
Kitas dalykas, į kurį reikia atkreipti dėmesį, yra tai, kad naudojant #id kaip selektorių yra jQuery objektas ir DOM objektas, gautas document.getElementById ("id"), kurie nėra lygiaverčiai. Žiūrėkite toliau pateiktą konvertavimą tarp jų.
Kadangi jQuery yra skirtingi, bet taip pat susiję, jQuery objektai ir DOM objektai taip pat gali būti konvertuojami vienas į kitą. Prieš konvertuodami abu, pirmiausia pateikiame konvenciją: jei vienas yra jQuery objektas, tada prieš kintamąjį pridedame $, pvz.: var $variab = jQuery objektas; Jei gaunate DOM objektą, jis yra tas pats, kas įprasta: var variab = DOM objektas; Toks susitarimas yra tik paaiškinimo ir atskyrimo patogumui ir nėra numatytas faktiniame vartojime.
jQuery objektas į DOM objektą:
Yra du konvertavimo būdai, kaip konvertuoti jQuery objektą į DOM objektą: [index] ir .get(index);
(1) "jQuery" objektas yra duomenų objektas, kurį galima gauti naudojant [index] metodą.
Pavyzdžiui: var $v =$("#v"); jQuery objektas
var v=$v[0]; DOM objektas
alert(v.checked) // Aptinka, ar šis žymimasis langelis pažymėtas
(2) "jQuery" pats pateikia atitinkamą DOM objektą per .get(index) metodą
Pavyzdžiui: var $v=$("#v"); jQuery objektas
var v=$v.get(0); DOM objektas
alert(v.checked) // Aptinka, ar šis žymimasis langelis pažymėtas
DOM objektas į jQuery objektą:
DOM objektams tereikia apvynioti DOM objektą $(), kad gautumėte jQuery objektą. $(DOM objektas)
Pavyzdžiui: var v=document.getElementById("v"); DOM objektas
var $v=$(v); jQuery objektas
Po konvertavimo galite naudoti "jQuery" metodus, kaip jums patinka.
Naudodami aukščiau pateiktus metodus, galite savavališkai konvertuoti jQuery objektus ir DOM objektus vienas į kitą. Reikėtų pabrėžti, kad DOM objektai gali naudoti tik DOM metodus, o jQuery objektai negali naudoti DOM metodų. |
Paskelbta 2016-01-04 16:44:58
|
|
|
