Tento článok je zrkadlovým článkom o strojovom preklade, kliknite sem pre prechod na pôvodný článok.

Pohľad: 8933|Odpoveď: 0

[JavaScript] Konverzia medzi objektmi jQuery a DOM

[Kopírovať odkaz]
Zverejnené 4. 1. 2016 16:44:58 | | |

Čo je objekt jQuery?

--- je objekt generovaný obalením DOM objektu cez jQuery. objekty jQuery sú jedinečné pre jQuery a môžu používať metódy v jQuery.

Napríklad čo:

$("#test").html() znamená získať html kód vo vnútri prvku s ID testom ako testom. html() je metóda v jQuery

Tento kód je ekvivalentný implementácii kódu v DOM:

document.getElementById("id").innerHTML;

Hoci objekty jQuery sa generujú zabalením DOM objektov, jQuery nemôže používať žiadne metódy DOM objektov, ani DOM objekty nemôžu používať metódy v jQuery. Náhodné použitie spôsobí chybu. Napríklad: $("#test").innerHTML, document.getElementById("id").html() sú všetky nesprávne.

Ďalšia vec, ktorú treba poznamenať, je, že použitie #id ako selektora je objekt jQuery a DOM objekt získaný pomocou document.getElementById("id"), ktoré nie sú ekvivalentné. Pozrite si nasledujúce pre konverziu medzi týmito dvoma.

Keďže jQuery je odlišný, ale zároveň prepojený, objekty jQuery a DOM objekty môžu byť tiež navzájom konvertované. Pred konverziou týchto dvoch najprv urobíme konvenciu: ak je jeden objekt jQuer, pridáme pred premennú $, napríklad: var $variab = objekt jQuery; Ak dostanete DOM objekt, je to to isté ako normálne: var variab = DOM objekt; Takáto dohoda slúži len na pohodlie vysvetlenia a rozlíšenia a nie je stanovená v skutočnom používaní.



jDotazovať objekt na DOM objekt:

Existujú dve metódy konverzie objektu jQuery na DOM objekt: [index] a .get(index);

(1) Objekt jQuery je dátový objekt, ktorý možno získať použitím metódy [index].

Napríklad: var $v =$("#v"); objekt jQuery

var v=$v[0];    DOM objekt

alert(v.checked) // Detekuje, či je toto zaškrtávacie políčko zaškrtnuté

(2) jQuery sám poskytuje zodpovedajúci DOM objekt prostredníctvom metódy .get(index)

Napríklad: var $v=$("#v");  objekt jQuery

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

alert(v.checked) // Detekuje, či je toto zaškrtávacie políčko zaškrtnuté




DOM objekt na objekt jQuery:

Pre DOM objekty stačí DOM objekt obaliť $(), aby ste získali objekt jQuery. $(objekt DOM)

Napríklad: var v=document.getElementById("v");  DOM objekt

var $v=$(v);    objekt jQuery

Po konverzii môžete používať metódy jQuery podľa vlastného uváženia.

Použitím vyššie uvedených metód môžete ľubovoľne konvertovať objekty jQuery a DOM objekty medzi sebou. Treba zdôrazniť, že objekty DOM môžu používať iba metódy v DOM a objekty jQuery nemôžu používať metódy v DOM.




Predchádzajúci:C# implementuje funkciu odosielania e-mailov
Budúci:Kliknite na tlačidlo a zobrazí sa 60-sekundový odpočet JS kód
Vyhlásenie:
Všetok softvér, programovacie materiály alebo články publikované spoločnosťou Code Farmer Network slúžia len na vzdelávacie a výskumné účely; Vyššie uvedený obsah nesmie byť použitý na komerčné alebo nezákonné účely, inak nesú všetky následky používateľmi. Informácie na tejto stránke pochádzajú z internetu a spory o autorské práva s touto stránkou nesúvisia. Musíte úplne vymazať vyššie uvedený obsah zo svojho počítača do 24 hodín od stiahnutia. Ak sa vám program páči, podporte originálny softvér, zakúpte si registráciu a získajte lepšie originálne služby. Ak dôjde k akémukoľvek porušeniu, kontaktujte nás prosím e-mailom.

Mail To:help@itsvse.com