10 módszerei csere jQuery tiszta javascript projektek
Az útmutató szerint két megoldás - modern és örökség. Megoldások, mint a „modern” a legújabb módszereket, és a „Heritage” azt mutatja, hogy vonzó lesz a régebbi böngészők. Kiválasztása függ a gyártó webes projekt és a célközönség.
belépés
Felhívjuk figyelmét, hogy egyes verziói egy sor „örökség” ebben a cikkben egy egyszerű, cross-browser funkció addEvent. Ez a funkció normalizálja két változatban - a modell által ajánlott W3C addEventListener esemény és egy lehetőséget az Internet Explorer attachEvent.
Ha használt addEvent funkció (els, esemény, kezelő) a kódot, ez jelenti a következő kódot:
1 - $ ( '# konténer');
Ez a funkció a DOM-elem egy konténer azonosítója és létrehoz egy új jQuery objektumot.
querySelector része az API Selectors. amely lehetőséget biztosít arra, hogy hozzáférjen a DOM segítségével CSS választók.
Ez a módszer visszaadja az első eleme, amely megfelel a továbbított választó.
Megjegyzés: a hivatkozás az elem. Amikor a getElementById kell átadni csak egy érték, és querySelector kell átadni a CSS-választó.
2 - $ ( '# konténer) talál ( 'li') ;.
Ebben az esetben akárhány lista elemek, amelyek leszármazottai #container elem.
querySelectorAll visszaadja az összes elem, hogy megfeleljen egy bizonyos CSS-választó.
Korlátozások. Bár minden böngésző támogatja API Selectors, hogy bizonyos CSS választók kizárólag a lehetőségét, hogy egy böngésző. Például: Internet Explorer 8 támogatja csak a választókat CSS 2.1.
3 - $ ( 'a') a ( 'click', fn) ;.
Fenti kódot néz ki, szörnyű, de ez nem is olyan rossz. Mivel querySelectorAll vissza NodeList. elrendezése helyett egy, nem tudjuk közvetlenül használja a módszert, például foreach. Jelenleg felszabadítással hívja foreach az Array objektum és az eredmények továbbítása querySelectorAll tetszik.
4 - $ ( 'ul) a ( 'click', 'a', fn) ;.
Felhívjuk figyelmét, hogy abban az időben az írás lecke minden böngészőben végrehajtott matchesSelector előtagokkal: mozMatchesSelector. webkitMatchesSelector. és így tovább. Normalizálni a módszer, akkor írj:
A visszamenőleges kompatibilitás, akkor ellenőrizze, hogy a nodeName tulajdonság (a név a cél elemet) egyenlő a kérésünkre. Figyeljünk arra, hogy a régebbi verziójú Internet Explorer néha játszani a saját szabályaik szerint. Nem akarod, hogy hozzáférjen a céltárgy közvetlenül az esemény. Zazochetsya használni event.srcElement.
5 - $ ( '# box') addClass (pakolás) ;.
jQuery biztosít kényelmes API, hogy módosítsa a nevét az osztály egy sor elemet.
Az új technika használ egy új API classList hozzáadni, törölni, és módosítsa az osztály (add. Távolítsuk el. És váltáshoz).
Á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!