1 00:00:00,000 --> 00:00:00,470 2 00:00:00,470 --> 00:00:03,760 >> Govoril je: Naj izboljšal, da je zadnji na primer z uporabo priljubljen JavaScript 3 00:00:03,760 --> 00:00:07,520 Knjižnica se imenuje jQuery, ki bo omogočil nam počistiti našo kodo, medtem ko še vedno 4 00:00:07,520 --> 00:00:11,010 preprečevanja izdajanja smo naleteli prej, pri čemer del kode, da sem napisal 5 00:00:11,010 --> 00:00:15,600 je bila izvršena pred predčasno Elementi sem potreboval, da obstajajo v DOM 6 00:00:15,600 --> 00:00:17,530 dejansko obstajala. 7 00:00:17,530 --> 00:00:22,120 >> Opazili tukaj v Dom-2.html, imam script tag že z atributom 8 00:00:22,120 --> 00:00:26,460 vira, katerega vrednost je URL Najnovejša različica te knjižnice. 9 00:00:26,460 --> 00:00:30,220 Spodaj, da imam poseben scenarij oznako brez vira, če pa sem ostal 10 00:00:30,220 --> 00:00:32,590 Prostor za dejansko napisati nekateri moji kode. 11 00:00:32,590 --> 00:00:36,690 Koda želim napisati, kot sledi, $, kar je res samo 12 00:00:36,690 --> 00:00:40,510 okrajšava zapis za jQuery sam (dokument). 13 00:00:40,510 --> 00:00:43,330 14 00:00:43,330 --> 00:00:46,700 Z drugimi besedami, sem preprosto mimo, kot argument za funkcijo, imenovano 15 00:00:46,700 --> 00:00:50,690 jQuery dokument, globalna spremenljivka, ki že obstaja v notranjosti 16 00:00:50,690 --> 00:00:52,100 od katere koli spletne strani. 17 00:00:52,100 --> 00:00:57,400 >> Potem naredimo. Pripravljen, kliče funkcijo ali metoda, ki določa, da 18 00:00:57,400 --> 00:01:01,290 naslednji kos kode mora biti izvede samo enkrat za celoten dokument 19 00:01:01,290 --> 00:01:04,750 je pripravljena, posebej to anonimni funkcija tukaj. 20 00:01:04,750 --> 00:01:07,450 21 00:01:07,450 --> 00:01:14,210 $ "# Demo", ki določa, da bi rad da bi dobili element iz mojega DOM 22 00:01:14,210 --> 00:01:16,370 , ki je edinstven identifikator demo. 23 00:01:16,370 --> 00:01:19,990 In potem, ko smo gotten to, dajmo registrirati z njo obravnavo dogodkov za 24 00:01:19,990 --> 00:01:25,250 predložiti dogodek, ki ga določajo. predloži noža, da anonimna 25 00:01:25,250 --> 00:01:29,370 funkcija, ki pričakuje, da bo en argument da bomo poklical dogodek, ki je 26 00:01:29,370 --> 00:01:32,230 na koncu le, da bo treba sklic sort na dejanski 27 00:01:32,230 --> 00:01:36,030 predložitev dogodek samo v primeru, da bova želel dostopati, ki neposredno. 28 00:01:36,030 --> 00:01:40,470 >> Medtem, kaj je opredeliti odprto opornik in blizu spona in znotraj tistih 29 00:01:40,470 --> 00:01:44,140 naramnice, kaj je dejansko napisati kodo da želijo smo izvedli, ko je ta oblika 30 00:01:44,140 --> 00:01:45,210 je predloženi. 31 00:01:45,210 --> 00:01:54,810 opozori, "zdravo" in kaj je združevanje na tako da rezultat kliče "# $ ime" 32 00:01:54,810 --> 00:01:58,880 ki določa, da bi rad, da bi dobili element v moji DOM, katere edinstvena 33 00:01:58,880 --> 00:02:00,750 Identifikacijska oznaka je ime. 34 00:02:00,750 --> 00:02:04,790 In kaj je zdaj klic funkcije znotraj da je objekt imenovan val, ki dobi 35 00:02:04,790 --> 00:02:07,370 vrednost besedilni da uporabnik vtipka 36 00:02:07,370 --> 00:02:11,270 In kaj je združevanje na to, da je samo za zabavo, klicaj. 37 00:02:11,270 --> 00:02:14,610 >> Nazadnje, ne samo vrne false kot nismo prej, bodimo malo bolj 38 00:02:14,610 --> 00:02:18,750 eksplicitne in določajo, da glede na to, Dogodek objekt, bi radi, da bi se izognil 39 00:02:18,750 --> 00:02:22,480 privzeto vedenje, ki ga posebej kliče funkcija ali metoda, imenovana 40 00:02:22,480 --> 00:02:24,190 prepreči privzeto, kot sledi. 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 Pojdimo zdaj shranite in jo odpirajo v mojem brskalniku. 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 ta obrazec. 47 00:02:41,410 --> 00:02:42,720 Oglejmo vhod David. 48 00:02:42,720 --> 00:02:45,040 Klikom na Submit in zdravo, David se je vrnil. 49 00:02:45,040 --> 00:02:48,299