1 00:00:00,000 --> 00:00:00,470 2 00:00:00,470 --> 00:00:03,760 >> SPEAKER: Ejja jtejbu fuq l-aħħar eżempju bl-użu ta JavaScript popolari 3 00:00:03,760 --> 00:00:07,520 librerija imsejħa jQuery li se jippermettu magħna biex tnaddaf kodiċi tagħna filwaqt li xorta 4 00:00:07,520 --> 00:00:11,010 jevitaw il-kwistjoni aħna jiltaqgħu magħhom qabel li biha xi wħud kodiċi li I kiteb 5 00:00:11,010 --> 00:00:15,600 kien esegwit qabel iż-żmien qabel ma l- elementi I meħtieġa biex jeżisti fil-DOM 6 00:00:15,600 --> 00:00:17,530 attwalment kienu jeżistu. 7 00:00:17,530 --> 00:00:22,120 >> Avviż hawn fil dom-2.html, I jkollhom tag iskrittura diġà ma 'attribut 8 00:00:22,120 --> 00:00:26,460 ta 'sors li l-valur hu l-URL tal- aħħar verżjoni ta 'din il-librerija. 9 00:00:26,460 --> 00:00:30,220 Hawn taħt li għandi tag iskrittura separata bl-ebda sors iżda fejn stajt xellug 10 00:00:30,220 --> 00:00:32,590 kamra li attwalment jiktbu xi wħud mill-kodiċi tiegħi stess. 11 00:00:32,590 --> 00:00:36,690 Il-kodiċi nixtieq li tikteb huwa kif ġej, $, li huwa verament ftit 12 00:00:36,690 --> 00:00:40,510 notazzjoni shorthand għall jQuery innifsu, (dokument). 13 00:00:40,510 --> 00:00:43,330 14 00:00:43,330 --> 00:00:46,700 Fi kliem ieħor, jien sempliċiment tgħaddi bħala argument għal funzjoni msejħa 15 00:00:46,700 --> 00:00:50,690 jQuery-dokument, il-globali varjabbli, li diġà teżisti ġewwa 16 00:00:50,690 --> 00:00:52,100 ta 'kull paġna web. 17 00:00:52,100 --> 00:00:57,400 >> Imbagħad ejja do. Lest, li ssejjaħ funzjoni jew metodu li jispeċifika li 18 00:00:57,400 --> 00:01:01,290 l-blokki ta 'kodiċi li ġejjin għandhom ikunu esegwita biss ladarba l-dokument kollu 19 00:01:01,290 --> 00:01:04,750 hija lesta, speċifikament dan funzjoni anonima hawn. 20 00:01:04,750 --> 00:01:07,450 21 00:01:07,450 --> 00:01:14,210 $ "# Demo", li tispeċifika li nixtieq biex jiksbu l-element mill-DOM tiegħi 22 00:01:14,210 --> 00:01:16,370 Min hu identifikatur uniku hija demo. 23 00:01:16,370 --> 00:01:19,990 U mbagħad darba konna gotten li, ejja tirreġistra magħha avveniment handler għal 24 00:01:19,990 --> 00:01:25,250 l tissottometti avveniment billi tispeċifika. jissottomettu, tgħaddi għal dak anonimu 25 00:01:25,250 --> 00:01:29,370 funzjoni li jistenna argument wieħed li aħna ser sejħa avveniment, li hija 26 00:01:29,370 --> 00:01:32,230 finalment biss se tkun referenza ta 'tip għall-attwali 27 00:01:32,230 --> 00:01:36,030 avveniment sottomissjoni biss fil-każ aħna'd jixtieq aċċess li direttament. 28 00:01:36,030 --> 00:01:40,470 >> Sadanittant, ejja jispeċifikaw Brace miftuħa u Brace qrib u ġewwa ta 'dawk 29 00:01:40,470 --> 00:01:44,140 braces, ejja attwalment jikteb il-kodiċi li aħna rridu eżegwita meta din il-formola 30 00:01:44,140 --> 00:01:45,210 tiġi sottomessa. 31 00:01:45,210 --> 00:01:54,810 twissija "hello," u ejja concatenate fuq hekk li r-riżultat ta 'sejħa $ "# isem" 32 00:01:54,810 --> 00:01:58,880 li tispeċifika li nixtieq li tikseb l-element fil DOM tiegħi li unika 33 00:01:58,880 --> 00:02:00,750 identifikatur huwa l-isem. 34 00:02:00,750 --> 00:02:04,790 U ejja issa jitolbu funzjoni ġewwa ta ' dak l-oġġett imsejħa val li ssib 35 00:02:04,790 --> 00:02:07,370 il-valur testwali li l-utent hu ittajpjat pulzieri 36 00:02:07,370 --> 00:02:11,270 U ejja concatenate fuq hekk li, just għall-gost, punt exclamation. 37 00:02:11,270 --> 00:02:14,610 >> Fl-aħħar nett, aktar milli biss ritorn falza għamilna qabel, ejja tkun daqsxejn aktar 38 00:02:14,610 --> 00:02:18,750 espliċitu u jispeċifikaw li minħabba li avveniment oġġett, aħna tixtieq biex jipprevjenu tagħha 39 00:02:18,750 --> 00:02:22,480 default imġiba billi speċifikament ċċempel funzjoni jew il-metodu msejjaħ 40 00:02:22,480 --> 00:02:24,190 evitata kontumaċja kif ġej. 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 Ejja issa tiffranka l-fajl u tiftaħ it up fil-browser tiegħ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 >> Hemm dik il-formola. 47 00:02:41,410 --> 00:02:42,720 Ejja input David. 48 00:02:42,720 --> 00:02:45,040 Tikklikkja Issottometti u hello, David huwa lura. 49 00:02:45,040 --> 00:02:48,299