1 00:00:00,000 --> 00:00:00,470 2 00:00:00,470 --> 00:00:03,760 >> SPEAKER: Poďme vylepšiť, že posledný napríklad pomocou populárnej JavaScript 3 00:00:03,760 --> 00:00:07,520 knižnica s názvom jQuery, ktoré umožnia nám upratať náš kód, zatiaľ čo stále 4 00:00:07,520 --> 00:00:11,010 vyhnúť sa problému sme sa stretli predtým, kedy nejaký kód, ktorý som napísal 5 00:00:11,010 --> 00:00:15,600 bol vykonaný predčasne pred prvky potrebné Aj existovať v DOM 6 00:00:15,600 --> 00:00:17,530 skutočne existovala. 7 00:00:17,530 --> 00:00:22,120 >> Všimnite si, v dom-2.html, mám Skript už tag s atribútom 8 00:00:22,120 --> 00:00:26,460 zdroje, ktorých hodnota je URL Najnovšiu verziu tejto knižnice. 9 00:00:26,460 --> 00:00:30,220 Nižšie že mám samostatný skript tag bez zdroja, ale kde som opustil 10 00:00:30,220 --> 00:00:32,590 izbu skutočne napísať niektoré z mojej vlastnej kód. 11 00:00:32,590 --> 00:00:36,690 Kód Chcel by som napísať, ako vyplýva, $, čo je naozaj len 12 00:00:36,690 --> 00:00:40,510 skrátený zápis pre jQuery sám, (dokument). 13 00:00:40,510 --> 00:00:43,330 14 00:00:43,330 --> 00:00:46,700 Inými slovami, ja som proste okolo ako Argument k funkcii s názvom 15 00:00:46,700 --> 00:00:50,690 jQuery dokument, globálne premenná, ktorá už existuje v 16 00:00:50,690 --> 00:00:52,100 z akejkoľvek webovej stránky. 17 00:00:52,100 --> 00:00:57,400 >> Tak poďme robiť. Pripravený, volanie funkcie alebo metóda, ktorá stanovuje, že 18 00:00:57,400 --> 00:01:01,290 Nasledujúce kus kódu by sa mala uskutočnil len raz v celom dokumente 19 00:01:01,290 --> 00:01:04,750 je pripravený, konkrétne to anonymné funkcie tu. 20 00:01:04,750 --> 00:01:07,450 21 00:01:07,450 --> 00:01:14,210 $ "# Demo", ktorý stanovuje, že by som chcel získať prvok z mojej DOM 22 00:01:14,210 --> 00:01:16,370 ktorý je jedinečný identifikátor je demo. 23 00:01:16,370 --> 00:01:19,990 A potom, akonáhle sme sa dostali, že, poďme zaregistrujte sa s ním obsluhy udalostí pre 24 00:01:19,990 --> 00:01:25,250 odoslať udalosť zadaním. predložiť, prechádzajúci sa, že anonymný 25 00:01:25,250 --> 00:01:29,370 funkcia, ktorá očakáva jeden parameter že zavoláme udalosť, ktorá je 26 00:01:29,370 --> 00:01:32,230 nakoniec len bude referencie druhov na reálne 27 00:01:32,230 --> 00:01:36,030 podanie udalosť len v prípade, my by sme Páči sa mi prístup, ktorý priamo. 28 00:01:36,030 --> 00:01:40,470 >> Medzitým, poďme špecifikovať otvorené rovnátka a V blízkosti ortéza a vnútri tých 29 00:01:40,470 --> 00:01:44,140 traky, poďme vlastne písať kód že chceme vykonať, keď je táto forma 30 00:01:44,140 --> 00:01:45,210 je predložený. 31 00:01:45,210 --> 00:01:54,810 upozornenie "ahoj," a poďme zřetězit na takže výsledok volanie $ "# meno" 32 00:01:54,810 --> 00:01:58,880 ktorý stanovuje, že by som chcel, aby sa prvok v mojom DOM, ktorého jedinečný 33 00:01:58,880 --> 00:02:00,750 Identifikátor je názov. 34 00:02:00,750 --> 00:02:04,790 A poďme teraz volať funkciu vnútri že objekt nazvaný val, ktorý dostane 35 00:02:04,790 --> 00:02:07,370 textová hodnota, ktorá užívateľ zadali palcov 36 00:02:07,370 --> 00:02:11,270 A poďme zřetězit na to, že práve pre zábavu, výkričník. 37 00:02:11,270 --> 00:02:14,610 >> Konečne, skôr než len return false ako sme sa predtým, buďme trochu viac 38 00:02:14,610 --> 00:02:18,750 explicitné a určiť, že vzhľadom na to, že Objekt udalosti, radi by sme, aby sa zabránilo 39 00:02:18,750 --> 00:02:22,480 predvolené správanie špecificky volanie funkcia alebo metóda volaná 40 00:02:22,480 --> 00:02:24,190 zabrániť predvolené takto. 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 Poďme sa teraz súbor uložte a otvoriť ho v prehliadači. 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 >> Tam je to forma. 47 00:02:41,410 --> 00:02:42,720 Poďme vstup David. 48 00:02:42,720 --> 00:02:45,040 Kliknutím na Odoslať a ahoj, David je späť. 49 00:02:45,040 --> 00:02:48,299