Mi az a jQuery objektum?
--- az objektum, amelyet a DOM objektum jQuery-n keresztül becsomagolva generálnak. A jQuery objektumok egyediek a jQuery-ben, és használhatnak metódusokat a jQuery-ben.
Például:
$("#test").html() azt jelenti, hogy a html kódot az elemen belül lehet az ID teszttel tesztelni. html() a jQuery metódusa
Ez a kód ekvivalvana a kód DOM-ban történő megvalósításával:
document.getElementById("id").innerHTML;
Bár a jQuery objektumokat DOM objektumok csomagolásával generálják, a jQuery nem használhat DOM objektumok metódusait sem, és a DOM objektumok sem használhatnak metódusokat a jQuery-ben. Véletlenszerű használat hibát eredményez. Például: $("#test").innerHTML, document.getElementById("id").html() mind tévesek.
Egy másik fontos megjegyzés, hogy a #id választóként használva jQuery objektum és a document.getElementById("id") által megszerzett DOM objektum, amelyek nem egyenértékűek. Az alábbiakban a kettő közötti átalakításért lásd az alábbikat.
Mivel a jQuery különböző, de rokon is, a jQuery objektumok és a DOM objektumok is átalakíthatók egymásra. A kettő átalakítása előtt először adunk egy konvenciót: ha az egyik jQuery objektum, akkor hozzáadjuk a változó elé az $-ot, például: var $variab = jQuery objektum; Ha kapsz egy DOM objektumot, az ugyanaz, mint a normális: var variab = DOM objektum; Az ilyen megállapodás csak a magyarázat és megkülönböztetés kényelme érdekében van, és nem van előírva a tényleges használatban.
jQuery object to DOM object:
Két átalakítási módszer létezik egy jQuery objektum DOM-objektummá alakítására: [index] és .get(index);
(1) A jQuery objektum egy adatobjektum, amelyet az [index] módszerrel lehet elérni.
Például: var $v =$("#v"); jQuery objektum
var v=$v[0]; DOM objektum
alert(v.checked) // Észleli, ha ez a jelölőnégyzet be van jelölve
(2) maga a jQuery biztosítja a megfelelő DOM objektumot a .get(index) metódóval
Például: var $v=$("#v"); jQuery objektum
var v=$v.get(0); DOM objektum
alert(v.checked) // Észleli, ha ez a jelölőnégyzet be van jelölve
DOM object to jQuery object:
DOM objektumokhoz csak $() értékkel kell becsomagolni a DOM objektumot, hogy jQuery objektumot kapjunk. $(DOM tárgy)
Például: var v=document.getElementById("v"); DOM objektum
var $v=$(v); jQuery objektum
Az átalakítás után a jQuery módszereit úgy használhatod, ahogy szeretnéd.
A fenti módszerek használatával tetszőlegesen átalakíthatod a jQuery objektumokat és a DOM objektumokat egymásra. Hangsúlyozni kell, hogy a DOM objektumok csak a DOM-ban használhatók metódusokat, míg a jQuery objektumok nem használhatnak metódusokat a DOM-ban. |
Közzétéve 2016. 01. 04. 16:44:58
|
|
|
