1
00:00:00,000 --> 00:00:00,470

2
00:00:00,470 --> 00:00:03,760
>> Speak: Låt oss förbättra på det sista
exempel genom att använda en populär JavaScript

3
00:00:03,760 --> 00:00:07,520
bibliotek kallas jQuery som kommer att tillåta
oss att städa upp vår kod samtidigt

4
00:00:07,520 --> 00:00:11,010
undvika problemet vi stött
tidigare varigenom någon kod som jag skrev

5
00:00:11,010 --> 00:00:15,600
avrättades i förtid innan
element som jag behövde för att finnas i en DOM

6
00:00:15,600 --> 00:00:17,530
faktiskt existerade.

7
00:00:17,530 --> 00:00:22,120
>> Lägg märke till här i dom-2.html, jag har en
skripttagg redan med ett attribut

8
00:00:22,120 --> 00:00:26,460
av källa vars värde är webbadressen till den
senaste versionen av detta bibliotek.

9
00:00:26,460 --> 00:00:30,220
Nedanför att jag har en separat skripttagg
med ingen källa men där jag har kvar

10
00:00:30,220 --> 00:00:32,590
utrymme att faktiskt skriva
en del av min egen kod.

11
00:00:32,590 --> 00:00:36,690
Koden jag vill skriva är som
följer, $, vilket är egentligen bara

12
00:00:36,690 --> 00:00:40,510
stenografi notation för jQuery
sig själv, (dokument).

13
00:00:40,510 --> 00:00:43,330

14
00:00:43,330 --> 00:00:46,700
Med andra ord, jag bara passerar som
ett argument till en funktion som kallas

15
00:00:46,700 --> 00:00:50,690
jQuery dokumentet, det globala
variabel, som redan finns inne

16
00:00:50,690 --> 00:00:52,100
på en webbsida.

17
00:00:52,100 --> 00:00:57,400
>> Sedan ska vi göra. Redo att kalla en funktion
eller metod som anger att

18
00:00:57,400 --> 00:01:01,290
Följande bit av koden ska vara
utföras en gång hela dokumentet

19
00:01:01,290 --> 00:01:04,750
är klar, speciellt detta
anonym funktion här.

20
00:01:04,750 --> 00:01:07,450

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", som anger att jag vill
att få elementet från min DOM

22
00:01:14,210 --> 00:01:16,370
vem som unik identifierare är demo.

23
00:01:16,370 --> 00:01:19,990
Och sedan när vi har fått det, låt oss
registrera med det en händelsehanterare för

24
00:01:19,990 --> 00:01:25,250
att lämna evenemanget genom att ange. in,
passerar till att en anonym

25
00:01:25,250 --> 00:01:29,370
funktion som förväntar sig ett argument
som vi kallar händelsen, vilket är

26
00:01:29,370 --> 00:01:32,230
i slutändan bara kommer att vara en referens
av slag mot själva

27
00:01:32,230 --> 00:01:36,030
inlämning händelse i fall vi skulle
vill komma åt det direkt.

28
00:01:36,030 --> 00:01:40,470
>> Under tiden, låt oss ange öppna stag och
nära stag och insidan av de

29
00:01:40,470 --> 00:01:44,140
hängslen, låt oss faktiskt skriva koden
att vi vill exekveras när detta formulär

30
00:01:44,140 --> 00:01:45,210
lämnas in.

31
00:01:45,210 --> 00:01:54,810
varna "hej", och låt oss sammanfoga på
så att resultatet av att anropa $ "# namn"

32
00:01:54,810 --> 00:01:58,880
som anger att jag skulle vilja få
elementet i mitt DOM vars unika

33
00:01:58,880 --> 00:02:00,750
Identifieraren är känt.

34
00:02:00,750 --> 00:02:04,790
Och låt oss nu kallar en funktion inuti
det objekt som kallas val som får

35
00:02:04,790 --> 00:02:07,370
det textvärde som
användaren har skrivits in

36
00:02:07,370 --> 00:02:11,270
Och låt oss sätta samman på så att, precis
på skoj, ett utropstecken.

37
00:02:11,270 --> 00:02:14,610
>> Slutligen, snarare än att bara returnera false som
vi gjorde tidigare, låt oss vara lite mer

38
00:02:14,610 --> 00:02:18,750
explicit och ange att med tanke på att
händelseobjekt, vi vill förhindra att

39
00:02:18,750 --> 00:02:22,480
standardbeteendet genom att specifikt ringa
en funktion eller metod som kallas

40
00:02:22,480 --> 00:02:24,190
förhindra standard enligt följande.

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
Låt oss nu spara filen och
öppna den i webbläsaren.

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
>> Det är den formen.

47
00:02:41,410 --> 00:02:42,720
Låt oss ingång David.

48
00:02:42,720 --> 00:02:45,040
Om du klickar på Skicka och hej,
David är tillbaka.

49
00:02:45,040 --> 00:02:48,299