Šis raksts ir mašīntulkošanas spoguļraksts, lūdzu, noklikšķiniet šeit, lai pārietu uz oriģinālo rakstu.

Skats: 8933|Atbildi: 0

[JavaScript] Konvertēšana starp jQuery un DOM objektiem

[Kopēt saiti]
Publicēts 04.01.2016 16:44:58 | | |

Kas ir jQuery objekts?

--- ir objekts, kas ģenerēts, iesaiņojot DOM objektu, izmantojot jQuery. jQuery objekti ir unikāli jQuery un var izmantot jQuery metodes.

Piemēram, kas:

$("#test").html() nozīmē, lai iegūtu html kodu elementā ar ID testu kā testu. html() ir jQuery metode

Šis kods ir līdzvērtīgs ieviešanas kodam DOM:

document.getElementById("id").innerHTML;

Lai gan jQuery objekti tiek ģenerēti, aplauzot DOM objektus, jQuery nevar izmantot nekādas DOM objektu metodes, kā arī DOM objekti nevar izmantot jQuery metodes. Nejauša lietošana radīs kļūdu. Piemēram: $("#test").innerHTML, document.getElementById("id").html() ir nepareizi.

Vēl viena lieta, kas jāatzīmē, ir tas, ka #id izmantošana kā selektors ir jQuery objekts un DOM objekts, ko iegūst document.getElementById ("id"), kas nav ekvivalenti. Skatiet tālāk par pārveidošanu starp abiem.

Tā kā jQuery ir atšķirīgs, bet arī saistīts, jQuery objektus un DOM objektus var arī pārvērst viens otram. Pirms abu konvertēšanas mēs vispirms dodam konvenciju: ja viens ir jQuery objekts, tad mainīgā priekšā pievienojam $, piemēram: var $variab = jQuery objekts; Ja jūs saņemat DOM objektu, tas ir tāds pats kā parasti: var variab = DOM objekts; Šāds līgums ir paredzēts tikai paskaidrojuma un atšķirības ērtībai, un tas nav noteikts faktiskajā lietošanā.



jQuery objekts uz DOM objektu:

Ir divas konvertēšanas metodes, lai pārvērstu jQuery objektu par DOM objektu: [index] un .get(index);

(1) jQuery objekts ir datu objekts, ko var iegūt, izmantojot [index] metodi.

Piemēram: var $v =$("#v"); jQuery objekts

var v=$v[0];    DOM objekts

alert(v.checked) // Nosaka, vai šī izvēles rūtiņa ir atzīmēta

(2) jQuery pats nodrošina atbilstošo DOM objektu, izmantojot .get(index) metodi

Piemēram: var $v=$("#v");  jQuery objekts

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

alert(v.checked) // Nosaka, vai šī izvēles rūtiņa ir atzīmēta




DOM objekts uz jQuery objektu:

DOM objektiem DOM objekts ir jāietin tikai ar $(), lai iegūtu jQuery objektu. $(DOM objekts)

Piemēram: var v=document.getElementById("v");  DOM objekts

var $v=$(v);    jQuery objekts

Pēc konvertēšanas varat izmantot jQuery metodes, kā vēlaties.

Izmantojot iepriekš minētās metodes, jūs varat patvaļīgi pārvērst jQuery objektus un DOM objektus viens otram. Jāuzsver, ka DOM objekti var izmantot tikai DOM metodes, un jQuery objekti nevar izmantot DOM metodes.




Iepriekšējo:C# īsteno e-pasta ziņojumu nosūtīšanas funkciju
Nākamo:Noklikšķiniet uz pogas, lai parādītu 60 sekunžu atpakaļskaitīšanas js kodu
Atruna:
Visa programmatūra, programmēšanas materiāli vai raksti, ko publicē Code Farmer Network, ir paredzēti tikai mācību un pētniecības mērķiem; Iepriekš minēto saturu nedrīkst izmantot komerciāliem vai nelikumīgiem mērķiem, pretējā gadījumā lietotājiem ir jāuzņemas visas sekas. Informācija šajā vietnē nāk no interneta, un autortiesību strīdiem nav nekāda sakara ar šo vietni. Iepriekš minētais saturs ir pilnībā jāizdzēš no datora 24 stundu laikā pēc lejupielādes. Ja jums patīk programma, lūdzu, atbalstiet oriģinālu programmatūru, iegādājieties reģistrāciju un iegūstiet labākus oriģinālus pakalpojumus. Ja ir kādi pārkāpumi, lūdzu, sazinieties ar mums pa e-pastu.

Mail To:help@itsvse.com