Tento článek je zrcadlovým článkem o strojovém překladu, klikněte zde pro přechod na původní článek.

Pohled: 8933|Odpověď: 0

[JavaScript] Převod mezi objekty jQuery a DOM

[Kopírovat odkaz]
Zveřejněno 04.01.2016 16:44:58 | | |

Co je to objekt jQuery?

--- je objekt generovaný obalením DOM objektu pomocí jQuery. objekty jQuery jsou unikátní pro jQuery a mohou používat metody v jQuery.

Jako co:

$("#test").html() znamená získat html kód uvnitř prvku pomocí ID testu jako test. html() je metoda v jQuery

Tento kód je ekvivalentní implementaci kódu v DOM:

document.getElementById("id").innerHTML;

Ačkoliv objekty jQuery jsou generovány obalováním DOM objektů, jQuery nemůže používat žádné metody DOM objektů, ani DOM objekty nemohou používat metody v jQuery. Náhodné použití povede k chybě. Například: $("#test").innerHTML, document.getElementById("id").html() jsou všechny špatné.

Další věc, kterou je třeba poznamenat, je, že použití #id jako selektoru je objekt jQuery a objekt DOM získaný pomocí document.getElementById("id"), které nejsou ekvivalentní. Viz následující pro konverzi mezi těmito dvěma místy.

Protože jQuery je odlišný, ale zároveň propojený, objekty jQuery a DOM objekty lze také převádět navzájem. Před převodem těchto dvou nejprve uvedeme konvenci: pokud je jeden objekt jQuery, přidáme před proměnnou $, například: var $variab = jQuery objekt; Pokud dostanete DOM objekt, je to stejné jako normálně: var variab = DOM objekt; Taková dohoda je určena pouze pro pohodlnost vysvětlení a rozlišení a není stanovena v reálném používání.



jDotazovat objekt na DOM objekt:

Existují dvě metody převodu objektu jQuery na objekt DOM: [index] a .get(index);

(1) Objekt jQuery je datový objekt, který lze získat pomocí metody [index].

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

var v=$v[0];    DOM objekt

alert(v.checked) // Detekuje, zda je toto zaškrtávací políčko zaškrtnuto

(2) jQuery sám poskytuje odpovídající objekt DOM prostřednictvím metody .get(index)

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

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

alert(v.checked) // Detekuje, zda je toto zaškrtávací políčko zaškrtnuto




DOM objekt do objektu jQuery:

Pro objekty DOM stačí obalit objekt DOM pomocí $(), abyste získali objekt jQuery. $(objekt DOM)

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

var $v=$(v);    objekt jQuery

Po konverzi můžete používat metody jQuery podle svého uvážení.

Použitím výše uvedených metod můžete libovolně převádět objekty jQuery a DOM objekty navzájem. Je třeba zdůraznit, že objekty DOM mohou používat pouze metody v DOM, zatímco objekty jQuery nemohou používat metody v DOM.




Předchozí:C# implementuje funkci odesílání e-mailů
Další:Klikněte na tlačítko a zobrazí se 60sekundový odpočet JS kód
Zřeknutí se:
Veškerý software, programovací materiály nebo články publikované organizací Code Farmer Network slouží pouze k učení a výzkumu; Výše uvedený obsah nesmí být používán pro komerční ani nelegální účely, jinak nesou všechny důsledky uživatelé. Informace na tomto webu pocházejí z internetu a spory o autorská práva s tímto webem nesouvisí. Musíte výše uvedený obsah ze svého počítače zcela smazat do 24 hodin od stažení. Pokud se vám program líbí, podporujte prosím originální software, kupte si registraci a získejte lepší skutečné služby. Pokud dojde k jakémukoli porušení, kontaktujte nás prosím e-mailem.

Mail To:help@itsvse.com