1 00:00:00,000 --> 00:00:00,470 2 00:00:00,470 --> 00:00:03,760 >> SPEAKER: Să îmbunătățească ultima exemplu, prin utilizarea unui populară JavaScript 3 00:00:03,760 --> 00:00:07,520 bibliotecă numită jQuery, care va permite ne pentru a curăța codul nostru în timp ce încă 4 00:00:07,520 --> 00:00:11,010 evitând problema ne-am întâlnit mai devreme în care un cod pe care l-am scris 5 00:00:11,010 --> 00:00:15,600 a fost executat prematur înainte elemente de care aveam nevoie pentru a exista într-un DOM 6 00:00:15,600 --> 00:00:17,530 a existat de fapt. 7 00:00:17,530 --> 00:00:22,120 >> Observați aici, în dom-2.html, am o tag-ul script-ul deja cu un atribut 8 00:00:22,120 --> 00:00:26,460 de sursă a căror valoare este URL-ul cea mai recentă versiune a acestei biblioteci. 9 00:00:26,460 --> 00:00:30,220 De mai jos că am o etichetă script separat cu nici o sursă, dar unde am plecat 10 00:00:30,220 --> 00:00:32,590 cameră pentru a scrie de fapt, o parte din propriul meu cod. 11 00:00:32,590 --> 00:00:36,690 Codul Aș vrea să scrie este la fel de urmează, $, ceea ce este de fapt doar 12 00:00:36,690 --> 00:00:40,510 notație prescurtare pentru jQuery în sine, (document). 13 00:00:40,510 --> 00:00:43,330 14 00:00:43,330 --> 00:00:46,700 Cu alte cuvinte, eu pur și simplu trece ca un argument pentru o funcție numită 15 00:00:46,700 --> 00:00:50,690 jQuery documentul, la nivel mondial variabilă, care există deja în interiorul 16 00:00:50,690 --> 00:00:52,100 din orice pagină web. 17 00:00:52,100 --> 00:00:57,400 >> Atunci să facem. Gata, de asteptare o funcție sau metodă care specifică faptul că 18 00:00:57,400 --> 00:01:01,290 următoarea bucată de cod ar trebui să fie executată o singură dată întregul document 19 00:01:01,290 --> 00:01:04,750 este pregătită, în special acest Funcția anonim aici. 20 00:01:04,750 --> 00:01:07,450 21 00:01:07,450 --> 00:01:14,210 $ "# Demo", care precizează că mi-ar plăcea pentru a obține elementul de DOM meu 22 00:01:14,210 --> 00:01:16,370 care a identificator unic este demo. 23 00:01:16,370 --> 00:01:19,990 Și apoi o dată am ajuns ca, hai sa înregistra cu ea un handler eveniment pentru 24 00:01:19,990 --> 00:01:25,250 prezenta eveniment prin specificarea. prezenta, trecând la care un anonim 25 00:01:25,250 --> 00:01:29,370 funcție care așteaptă un argument că vom suna eveniment, care este 26 00:01:29,370 --> 00:01:32,230 în cele din urmă doar de gând să fie o referință de felul în real 27 00:01:32,230 --> 00:01:36,030 eveniment de depunere doar în cazul în care ne-am ca pentru a accesa direct. 28 00:01:36,030 --> 00:01:40,470 >> Între timp, hai să specificați bretele deschise și aproape bretele și în interiorul celor 29 00:01:40,470 --> 00:01:44,140 bretele, să scrie de fapt codul pe care ne-o dorim executat atunci când acest formular 30 00:01:44,140 --> 00:01:45,210 este prezentat. 31 00:01:45,210 --> 00:01:54,810 alertă "salut", și să înlănțui pe astfel încât rezultatul de asteptare $ "# nume" 32 00:01:54,810 --> 00:01:58,880 care precizează că aș vrea să vă elementul în DOM meu al cărui unic 33 00:01:58,880 --> 00:02:00,750 identificator este numele. 34 00:02:00,750 --> 00:02:04,790 Și să numim acum o funcție în interiorul ca obiect numit val, care devine 35 00:02:04,790 --> 00:02:07,370 valoarea textual că utilizatorul este tastat inch 36 00:02:07,370 --> 00:02:11,270 Și să înlănțui pe astfel încât, chiar pentru distracție, un semn de exclamare. 37 00:02:11,270 --> 00:02:14,610 >> În cele din urmă, mai degrabă decât doar întoarce false ca am făcut înainte, să fim un pic mai mult 38 00:02:14,610 --> 00:02:18,750 explicită și specifică faptul că, dat fiind că obiect eveniment, am dori pentru a preveni sale 39 00:02:18,750 --> 00:02:22,480 implicit comportamentul de apel în mod special o funcție sau metoda numita 40 00:02:22,480 --> 00:02:24,190 preveni implicit după cum urmează. 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 Să salvăm acum fișierul și deschide-l in browser-ul meu. 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 >> Nu e forma. 47 00:02:41,410 --> 00:02:42,720 Să intrare David. 48 00:02:42,720 --> 00:02:45,040 Dacă faceți clic pe Submit și salut, David este înapoi. 49 00:02:45,040 --> 00:02:48,299