5 kevéssé ismert tényeket a módszerek jquery
Return false az eseménykezelő
Mint mindannyian tudjuk, a fő célja a jQuery - szabványosítása viselkedését böngészők segítségével szabványosított módszereket. jQuery kiterjed böngésző lehetőségeket, ahol lehetséges, integráló funkciók által nem támogatott böngésző „out of the box”. A példa szelektor, hogy tudjuk használni habozás nélkül - sokan közülük nem támogatja a régebbi böngészők, mint az Internet Explorer 6 és 7 (például nem utolsó gyerek, stb ...)
Néha (bár ezek ritka kivételtől eltekintve) jQuery eltér a standard viselkedését. Például return false a felvezető jQuery események - ugyanaz, amely okot.
Ezzel szemben - return false szabvány eseménykezelőkkel (mint addEventListener ()) egyenértékű írás:
Ebben biztos lehet benne, ha megnézzük a megfelelő része jQuery forrás:
Pszeudo-szelektor többre, mint gondolnánk
A dokumentáció jQuery pszeudo-szelektor meg tud felelni a következő megfigyelést (ebben az esetben a találmány egy ál-választó: négyzetet):
$ ( ": Jelölőnégyzet") - ez egyenértékű $ ( "[type = négyzetet]"). Mint a többi szelektor ál-osztályok (kezdés „:”) ajánlott megelőzik név címke vagy más szelektor, vagy univerzális szelektor fogják használni ( „*”). Más szóval - egy egyszerű, $ ( ': négyzet') egyenértékű $ ( "*: checkbox"), így ahelyett, hogy jobb, ha $ ( "input: checkbox").
Most vessünk egy pillantást közvetlenül a jQuery kód:
Amint látható, a kód - dokumentáció nem egészen helyes. Választó $ ( ': négyzetet') valójában egyenértékű $ ( 'input [type = "checkbox"]'). ha támaszkodunk hogy pontosan mit keres (jegyezzük meg a nevét === „input”), de nézd meg az összes elemet az oldalon, függetlenül attól, hogy hívják, jelezve az univerzális szelektor, vagy nem ad semmit.
Most, hogy tudja ezt, akkor érdemes feladni irányítása tagokon, amikor az ilyen szűrők, és úgy dönt, hogy írjon:
De ahhoz, hogy javítsa a teljesítmény még mindig jobb, hogy használja őket, hogy jQuery nem térképezi valamennyi elemét az oldalon. Szóval még mindig használja a következő kifejezést:
jQuery.type ()
Még ha tud róla, akkor talán már észre, hogy ez a módszer nagyon eltér a beépített operátor typeof. Valójában jQuery.type () visszatér egy sokkal pontos típusa a továbbított érték. Nézzünk néhány példát:
Tehát, ha a fejlődő jQuery plugin, hogy érdemes használni jQuery.type () pontosabb meghatározását típusú paraméterek, amelyekkel meg kell foglalkozni.
attr () okozhat removeAttr ()
Tudom, hogy a szakasz címe hangzik egy kicsit furcsa, de ez tényleg igaz. Azoknak, akik nem ismerik a módszert attr () - ez lesz a jellemző érték az első eleme a megfelelő sor választó vagy beállítja az értéket egy vagy több attribútum minden megfelelő tételt.
Amellett, hogy a szám és szöveg attr () metódus egy második null érv. Amikor ez történik - úgy viselkedik, mint az ellentéte: removeAttr (). Az utolsó (mint a neve is mutatja) eltávolítja a tulajdonság az egyes elemek.
Nem hiszel nekem? Nézzük meg a vonatkozó részét a forráskód:
Mint látható, az eljárás ellenőrzi, hogy egy bizonyos értéket (ha (érték == meghatározatlan)!), És ellenőrzi, hogy ha az érték került át - null. Ha igen - metódushívások removeAttr ().
Ez akkor hasznos, ha azt szeretné, hogy telepíteni vagy eltávolítani egy attribútum az állapot, és nem akarja, hogy rendetlenséget fel a kódot. Például írhatsz:
Akkor használja ezt a trükköt a kódban, vagy nem? A döntés a tiéd, de a helyedben én nem használtam, hogy a kódot is világosabb.
Az átalakulás a tömbök objektumok tömbök
Szeretnénk, hogy megkerülje ezt a listát módszerrel foreach (). Ha hívjuk foreach () közvetlenül a változó (. List.forEach ()) megkapjuk a hiba „nem fogott Típushiba: határozatlan nem függvénye”. Ennek elkerülése érdekében, akkor egy nagyon gyakori technika - használja a prototípus tulajdon és hívás () metódust. az alábbiak szerint:
Egy másik típusú rögzítés:
Bármi megoldást használ - ez nem túl elegáns, írásban és olvasásban. Szerencsére nekünk, mi jön a támogatás jQuery. Due jQuery.makeArray () metódus, akkor egyszerűen írd be:
Sokkal jobb, nem?
következtetés
Mit tudhatunk meg ebből a cikkből, amellett, hogy a fenti öt pontot -, hogy még egy ilyen nagyszerű és egy darabból álló kialakítás, a jQuery is nem ideális. Ő is a hibákat, és a hibákat a dokumentációban, és az egyetlen forrás, amely megmondja nekünk, az az igazság, a forráskód. Bár még kód hazudhat megválaszolása nélkül szándékait a fejlesztő - de ez egy másik történet.
Az utolsó mondat - ha úgy tetszik, jQuery, mint én - hozzájárul a projekthez. Még a figyelmeztetés egy kis hiba, vagy szerkeszteni egy kis hiba a dokumentációban nagyban egyszerűsíti az életét millió fejlesztők.
5 óra utolsó oszlopában „jQuery”
Ma szeretnénk, hogy meséljek TypeIt könyvtár - ingyenes jQuery plugin. Ön tudja használni, hogy szimulálja a gépelést. Ha minden megfelelően van beállítva, nagyon realisztikus hatás érhető el.
jQuery plugin létre egy idővonal.
jQuery plugin létre egy Gantt diagram.
Egy példa arra, hogyan hajtsák végre a letöltött fájl segítségével PHP és jQuery ajax.
dimaloll
Írj egy cikket a jQuery élő (élő each)
Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!
Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!
Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.
Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!