Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Vedere: 8933|Răspunde: 0

[JavaScript] Conversia între obiectele jQuery și DOM

[Copiază linkul]
Postat pe 04.01.2016 16:44:58 | | |

Ce este un obiect jQuery?

--- este obiectul generat prin înfășurarea obiectului DOM prin jQuery. Obiectele jQuery sunt unice pentru jQuery și pot folosi metode în jQuery.

De exemplu:

$("#test").html() înseamnă a obține codul html în interiorul elementului cu testul ID ca test. html() este metoda din jQuery

Acest cod este echivalent cu implementarea codului în DOM:

document.getElementById("id").innerHTML;

Deși obiectele jQuery sunt generate prin înfășurarea obiectelor DOM, jQuery nu poate folosi metode ale obiectelor DOM și nici obiectele DOM nu pot folosi metode în jQuery. Utilizarea aleatorie va duce la o eroare. De exemplu: $("#test").innerHTML, document.getElementById("id").html() sunt toate greșite.

Un alt aspect de reținut este că folosirea #id ca selector este un obiect jQuery și un obiect DOM obținut prin document.getElementById("id"), care nu sunt echivalente. Vezi următorul detaliu pentru conversia dintre cele două.

Deoarece jQuery este diferit, dar și înrudit, obiectele jQuery și obiectele DOM pot fi, de asemenea, convertite între ele. Înainte de a converti cele două, dăm mai întâi o convenție: dacă unul este un obiect jQuery, atunci adăugăm $ în fața variabilei, cum ar fi: var $variab = obiect jQuery; Dacă obții un obiect DOM, este la fel ca în mod normal: var variab = obiect DOM; Un astfel de acord este doar pentru comoditatea explicației și distincției și nu este stipulat în utilizarea efectivă.



jQuery obiect către obiect DOM:

Există două metode de conversie pentru a converti un obiect jQuery într-un obiect DOM: [index] și .get(index);

(1) Obiectul jQuery este un obiect de date, care poate fi obținut folosind metoda [index].

De exemplu: var $v =$("#v"); jQuery obiect

var v=$v[0];    Obiect DOM

alert(v.checked) // Detectează dacă această căsuță este bifată

(2) jQuery însuși oferă obiectul DOM corespunzător prin metoda .get(index)

De exemplu: var $v=$("#v");  jQuery obiect

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

alert(v.checked) // Detectează dacă această căsuță este bifată




Obiect DOM către obiect jQuery:

Pentru obiectele DOM, trebuie doar să înfășori obiectul DOM cu $() pentru a obține un obiect jQuery. $(obiect DOM)

De exemplu: var v=document.getElementById("v");  Obiect DOM

var $v=$(v);    jQuery obiect

După conversie, poți folosi metodele jQuery cum dorești.

Folosind metodele de mai sus, poți converti arbitrar obiectele jQuery și obiectele DOM între ele. Trebuie subliniat că obiectele DOM pot folosi doar metode în DOM, iar obiectele jQuery nu pot folosi metode în DOM.




Precedent:C# implementează funcția de trimitere a emailurilor
Următor:Apasă butonul pentru a deschide codul js de numărătoare inversă de 60 de secunde
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.

Mail To:help@itsvse.com