1 00:00:00,000 --> 00:00:00,470 2 00:00:00,470 --> 00:00:03,760 >> SPEAKER: Nézzük javítása után az utolsó használatával például egy népszerű JavaScript 3 00:00:03,760 --> 00:00:07,520 nevű könyvtárat jQuery, amely lehetővé teszi bennünket, hogy tisztítsák meg a kódot, miközben továbbra is 4 00:00:07,520 --> 00:00:11,010 elkerülve a kérdés találkoztunk korábban, amely alapján bizonyos kódot, amit írtam 5 00:00:11,010 --> 00:00:15,600 végezték ki idő előtt, mielőtt a elemeket kellett, hogy létezik a DOM 6 00:00:15,600 --> 00:00:17,530 valóban létezett. 7 00:00:17,530 --> 00:00:22,120 >> Figyeljük meg itt dom-2.html, van egy script tag már egy attribútum 8 00:00:22,120 --> 00:00:26,460 A forrás, amelynek értéke az URL-t a legújabb változata a könyvtár. 9 00:00:26,460 --> 00:00:30,220 Alatta van egy külön script tag nincs forrás, de hol hagytam 10 00:00:30,220 --> 00:00:32,590 szoba valójában írni néhány saját kódját. 11 00:00:32,590 --> 00:00:36,690 A kód szeretnék írni olyan következik, $, ami tényleg csak 12 00:00:36,690 --> 00:00:40,510 összevont írásmód jQuery maga (document). 13 00:00:40,510 --> 00:00:43,330 14 00:00:43,330 --> 00:00:46,700 Más szóval, én egyszerűen csak halad, mint egy érv, hogy egy függvény neve 15 00:00:46,700 --> 00:00:50,690 jQuery a dokumentumot, a globális változó, hogy már létezik benne 16 00:00:50,690 --> 00:00:52,100 bármilyen weboldalt. 17 00:00:52,100 --> 00:00:57,400 >> Akkor csináljuk. Készen áll, amelyben egy függvény vagy módszer, amely meghatározza, hogy 18 00:00:57,400 --> 00:01:01,290 A következő darab a kódot kell végre egyszer a teljes dokumentum 19 00:01:01,290 --> 00:01:04,750 kész, kifejezetten ezt névtelen funkció itt. 20 00:01:04,750 --> 00:01:07,450 21 00:01:07,450 --> 00:01:14,210 $ "# Demo", amely meghatározza, hogy szeretnék hogy az elem az én DOM 22 00:01:14,210 --> 00:01:16,370 aki egyedi azonosítót demo. 23 00:01:16,370 --> 00:01:19,990 És ha egyszer már ütött, hogy nézzük regisztrálni az eseménykezelőt 24 00:01:19,990 --> 00:01:25,250 A be eseményt megadásával. be, halad az, hogy egy névtelen 25 00:01:25,250 --> 00:01:29,370 funkció, amely számít az egyik érv hogy hívjuk esemény, amely a 26 00:01:29,370 --> 00:01:32,230 végül csak lesz a referencia a fajta a tényleges 27 00:01:32,230 --> 00:01:36,030 benyújtás esetén csak abban az esetben lenne szeretné elérni, hogy az közvetlenül. 28 00:01:36,030 --> 00:01:40,470 >> Közben hadd adja nyitott merevítő és szoros zárójel és belül azok 29 00:01:40,470 --> 00:01:44,140 nadrágtartó, nézzük valóban írni a kódot hogy azt akarjuk végrehajtani, amikor ebben a formában 30 00:01:44,140 --> 00:01:45,210 benyújtották. 31 00:01:45,210 --> 00:01:54,810 figyelmezteti a "hello", és menjünk összefűzni a úgy, hogy az eredmény a hívó $ "# name" 32 00:01:54,810 --> 00:01:58,880 amely előírja, hogy azt szeretnénk, ha Az elem a DOM, melynek egyedi 33 00:01:58,880 --> 00:02:00,750 azonosító nevet. 34 00:02:00,750 --> 00:02:04,790 És nézzük most hívni egy függvényt belsejében az objektum az úgynevezett val ami lesz 35 00:02:04,790 --> 00:02:07,370 A szöveges érték a felhasználó gépelt be 36 00:02:07,370 --> 00:02:11,270 És nézzük összefűzni az, hogy a csak for fun, egy felkiáltójel. 37 00:02:11,270 --> 00:02:14,610 >> Végül nem csak return false, mint mi volt korábban, legyünk egy kicsit 38 00:02:14,610 --> 00:02:18,750 explicit és adja meg, hogy tekintettel arra, hogy rendezvény célja, szeretnénk, hogy megakadályozzák a 39 00:02:18,750 --> 00:02:22,480 alapértelmezett viselkedés külön hívás egy függvény vagy metódus neve 40 00:02:22,480 --> 00:02:24,190 alapértelmezett megakadályozzák a következők szerint. 41 00:02:24,190 --> 00:02:25,440 event.preventDefault. 42 00:02:25,440 --> 00:02:27,760 43 00:02:27,760 --> 00:02:30,080 Nézzük most menteni a fájlt, és nyisd ki a böngészőben. 44 00:02:30,080 --> 00:02:33,240 45 00:02:33,240 --> 00:02:40,120 http://localhost/dom-2.html 46 00:02:40,120 --> 00:02:41,410 >> Ott van az a formája. 47 00:02:41,410 --> 00:02:42,720 Menjünk be David. 48 00:02:42,720 --> 00:02:45,040 Kattintva elküldése és hello, David visszatért. 49 00:02:45,040 --> 00:02:48,299