Ta članek je zrcalni članek strojnega prevajanja, kliknite tukaj za skok na izvirni članek.

Pogled: 8933|Odgovoriti: 0

[JavaScript] Pretvorba med objekti jQuery in DOM

[Kopiraj povezavo]
Objavljeno na 4. 01. 2016 16:44:58 | | |

Kaj je objekt jQuery?

--- je objekt, ki nastane z ovijanjem DOM objekta skozi jQuery. objekti jQuery so edinstveni za jQuery in lahko uporabljajo metode v jQuery.

Na primer kaj:

$("#test").html() pomeni pridobiti html kodo znotraj elementa z ID testom kot testom. html() je metoda v jQuery

Ta koda je enakovredna implementaciji kode v DOM:

document.getElementById("id").innerHTML;

Čeprav se objekti jQuery generirajo z ovijanjem DOM objektov, jQuery ne sme uporabljati nobenih metod DOM objektov, prav tako DOM objekti ne morejo uporabljati metod v jQuery. Naključna uporaba povzroči napako. Na primer: $("#test").innerHTML, document.getElementById("id").html() so vsi napačni.

Še ena stvar, ki jo je treba omeniti, je, da je uporaba #id kot selektorja objekt jQuery in DOM objekt, pridobljen z document.getElementById("id"), ki nista enakovredna. Glej naslednje za preobrazbo med obema.

Ker je jQuery drugačen, a tudi povezan, je mogoče objekte jQuery in DOM objekte prav tako med seboj pretvoriti. Preden ju pretvorimo, najprej postavimo konvencijo: če je eden objekt jQuer, dodamo $ pred spremenljivko, na primer: var $variab = objekt jQuer; Če dobiš DOM objekt, je enak kot običajno: var variab = DOM objekt; Takšen dogovor je namenjen zgolj zaradi razlage in razlikovanja ter ni določen v dejanski uporabi.



jQuery objekt do DOM objekta:

Obstajata dve metodi pretvorbe za pretvorbo objekta jQuery v DOM objekt: [index] in .get(index);

(1) Objekt jQuery je podatkovni objekt, ki ga lahko pridobimo z uporabo metode [index].

Na primer: var $v =$("#v"); jQuery objekt

var v=$v[0];    DOM objekt

alert(v.checked) // Zazna, ali je to polje označeno

(2) jQuery sam zagotavlja ustrezni DOM objekt preko metode .get(index)

Na primer: var $v=$("#v");  jQuery objekt

var v=$v.get(0);   DOM objekt

alert(v.checked) // Zazna, ali je to polje označeno




DOM objekt v objekt jQuer:

Za DOM objekte morate le oviti DOM objekt z $(), da dobite objekt jQuery. $(DOM objekt)

Na primer: var v=document.getElementById("v");  DOM objekt

var $v=$(v);    jQuery objekt

Po pretvorbi lahko uporabite metode jQuery, kot želite.

Z uporabo zgornjih metod lahko poljubno pretvorite objekte jQuery in DOM med seboj. Poudariti je treba, da lahko DOM objekti uporabljajo le metode v DOM, objekti jQuery pa ne morejo uporabljati metod v DOM.




Prejšnji:C# izvaja funkcijo pošiljanja e-pošte
Naslednji:Kliknite na gumb, da prikažete 60-sekundno odštevalno kodo JS
Disclaimer:
Vsa programska oprema, programski materiali ali članki, ki jih izdaja Code Farmer Network, so namenjeni zgolj učnim in raziskovalnim namenom; Zgornja vsebina ne sme biti uporabljena v komercialne ali nezakonite namene, sicer uporabniki nosijo vse posledice. Informacije na tej strani prihajajo z interneta, spori glede avtorskih pravic pa nimajo nobene zveze s to stranjo. Zgornjo vsebino morate popolnoma izbrisati z računalnika v 24 urah po prenosu. Če vam je program všeč, podprite pristno programsko opremo, kupite registracijo in pridobite boljše pristne storitve. Če pride do kakršne koli kršitve, nas prosimo kontaktirajte po elektronski pošti.

Mail To:help@itsvse.com