1 00:00:00,000 --> 00:00:00,470 2 00:00:00,470 --> 00:00:03,760 >> SPEAKER: Katsotaanpa parannella, että viime esimerkiksi käyttämällä suosittu JavaScript 3 00:00:03,760 --> 00:00:07,520 kirjasto nimeltään jQuery, jonka avulla meitä siivoamaan meidän koodi silti 4 00:00:07,520 --> 00:00:11,010 välttää ongelman kohtasimme aikaisemmin jolloin koodia, että olen kirjoittanut 5 00:00:11,010 --> 00:00:15,600 toteutettiin ennenaikaisesti ennen elementit minun piti esiintyä DOM 6 00:00:15,600 --> 00:00:17,530 todella olemassa. 7 00:00:17,530 --> 00:00:22,120 >> Huomaa täällä dom-2.html, minulla on komentosarjatunnus jo joissa määritteen 8 00:00:22,120 --> 00:00:26,460 lähde, jonka arvo on URL uusin versio tätä kirjastoa. 9 00:00:26,460 --> 00:00:30,220 Alla, että minulla on erillinen komentosarjatunnus ilman lähde vaan olen jättänyt 10 00:00:30,220 --> 00:00:32,590 tilaa itse kirjoittaa joitakin oman koodin. 11 00:00:32,590 --> 00:00:36,690 Koodi Haluaisin kirjoittaa on yhtä seuraa, $, mikä on oikeastaan ​​vain 12 00:00:36,690 --> 00:00:40,510 lyhennetty merkintätapa jQuery itse, (document). 13 00:00:40,510 --> 00:00:43,330 14 00:00:43,330 --> 00:00:46,700 Toisin sanoen, olen vain ohimennen argumentti toiminto nimeltään 15 00:00:46,700 --> 00:00:50,690 jQuery asiakirja, maailmanlaajuisen muuttuja, joka on jo olemassa sisällä 16 00:00:50,690 --> 00:00:52,100 tahansa sivulta. 17 00:00:52,100 --> 00:00:57,400 >> Sitten Tehdään. Valmis, vaatii toimia tai menetelmä, jossa todetaan, että 18 00:00:57,400 --> 00:01:01,290 seuraavia koodinpätkän pitäisi olla suoritetaan vain kerran koko asiakirja 19 00:01:01,290 --> 00:01:04,750 on valmis, nimenomaan tämä Nimetön toiminto täällä. 20 00:01:04,750 --> 00:01:07,450 21 00:01:07,450 --> 00:01:14,210 $ "# Demo", jossa todetaan, että haluaisin saada osa minun DOM 22 00:01:14,210 --> 00:01:16,370 kuka on yksilöllinen tunniste on demo. 23 00:01:16,370 --> 00:01:19,990 Ja sitten kun olemme saaneet, katsotaanpa rekisteröidyttävä se tapahtuma käsittelijä 24 00:01:19,990 --> 00:01:25,250 esittämään tapahtuman määrittämällä. väittävät, ohimennen, että nimetön 25 00:01:25,250 --> 00:01:29,370 toiminto, joka odottaa yksi argumentti että soitamme tapahtuma, joka on 26 00:01:29,370 --> 00:01:32,230 lopulta vain olemaan viite lajittelee todellinen 27 00:01:32,230 --> 00:01:36,030 jättämisen tapauksessa vain siinä tapauksessa me osaisimme haluavat päästä suoraan. 28 00:01:36,030 --> 00:01:40,470 >> Samaan aikaan, nyt määritellä avoin ahdin ja aaltosulje ja sisällä näiden 29 00:01:40,470 --> 00:01:44,140 henkselit, nyt itse kirjoittaa koodia että haluamme suoritetaan, kun tämä lomake 30 00:01:44,140 --> 00:01:45,210 on toimitettu. 31 00:01:45,210 --> 00:01:54,810 varoittaa "hei" ja lähdetään liität päälle niin, että tulos kutsuvan $ "# name" 32 00:01:54,810 --> 00:01:58,880 jossa täsmennetään, että haluaisin saada elementti minun DOM joiden ainutlaatuinen 33 00:01:58,880 --> 00:02:00,750 tunniste on nimi. 34 00:02:00,750 --> 00:02:04,790 Ja katsotaanpa nyt kutsumme toiminnon sisällä että esineen nimeltä Val joka saa 35 00:02:04,790 --> 00:02:07,370 tekstimuotoinen arvo käyttäjä on kirjoitettu sisään 36 00:02:07,370 --> 00:02:11,270 Ja antaa liität niin, että vain hauskaa, huutomerkki. 37 00:02:11,270 --> 00:02:14,610 >> Lopuksi, eikä vain palata false teimme ennen, olkaamme hieman 38 00:02:14,610 --> 00:02:18,750 nimenomaista ja täsmentää, että koska Jos esine, haluamme estää sen 39 00:02:18,750 --> 00:02:22,480 oletustoimintaa nimenomaan soittamalla funktio tai menetelmä nimeltä 40 00:02:22,480 --> 00:02:24,190 estää oletuksena seuraavasti. 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 Katsotaanpa nyt tallentaa tiedoston ja avaa se minun selaimessa. 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 >> On siinä muodossa. 47 00:02:41,410 --> 00:02:42,720 Katsotaanpa tulo David. 48 00:02:42,720 --> 00:02:45,040 Klikkaamalla Lähetä ja hei, David on palannut. 49 00:02:45,040 --> 00:02:48,299