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

2
00:00:00,470 --> 00:00:03,760
>> SPEAKER: Lad os forbedre denne sidste
eksempel ved hjælp af en populær JavaScript

3
00:00:03,760 --> 00:00:07,520
bibliotek kaldet jQuery, der vil give
os at rydde op i vores kode, mens du stadig

4
00:00:07,520 --> 00:00:11,010
undgå det spørgsmål, vi stødte
tidligere hvorved noget kode, jeg skrev

5
00:00:11,010 --> 00:00:15,600
blev udført tidligt før
elementer, jeg havde brug for at eksistere i en DOM

6
00:00:15,600 --> 00:00:17,530
faktisk eksisterede.

7
00:00:17,530 --> 00:00:22,120
>> Bemærk her i dom-2.html, jeg har en
script-tag, der allerede med en attribut

8
00:00:22,120 --> 00:00:26,460
af kilde, hvis værdi er webadressen på det
nyeste version af dette bibliotek.

9
00:00:26,460 --> 00:00:30,220
Nedenfor at jeg har en separat script-tag
med ingen kilde, men hvor jeg har forladt

10
00:00:30,220 --> 00:00:32,590
plads til rent faktisk at skrive
nogle af mine egen kode.

11
00:00:32,590 --> 00:00:36,690
Koden jeg gerne vil skrive er lige så
følger, $, hvilket er virkelig bare

12
00:00:36,690 --> 00:00:40,510
stenografi notation for jQuery
selv (dokument).

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

14
00:00:43,330 --> 00:00:46,700
Med andre ord, jeg bare passerer som
et argument til en funktion kaldet

15
00:00:46,700 --> 00:00:50,690
jQuery dokumentet, den globale
variabel, der allerede eksisterer inde

16
00:00:50,690 --> 00:00:52,100
af enhver webside.

17
00:00:52,100 --> 00:00:57,400
>> Så lad os gøre. Klar, kalder en funktion
eller metode, der angiver, at

18
00:00:57,400 --> 00:01:01,290
følgende stykke kode bør være
udføres kun, når hele dokumentet

19
00:01:01,290 --> 00:01:04,750
er klar, specielt dette
anonym funktion her.

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

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", som angiver, at jeg gerne vil
at få det element fra min DOM

22
00:01:14,210 --> 00:01:16,370
Hvem har entydige identifikator er demo.

23
00:01:16,370 --> 00:01:19,990
Og så når vi har fået det, lad os
registrere med det en event handler til

24
00:01:19,990 --> 00:01:25,250
indsende begivenhed ved at angive. indsende,
passerer til en anonym

25
00:01:25,250 --> 00:01:29,370
funktion, der forventer et argument
at vi ringer begivenhed, som er

26
00:01:29,370 --> 00:01:32,230
i sidste ende bare at være en reference
slags til den faktiske

27
00:01:32,230 --> 00:01:36,030
indsendelse begivenhed bare i tilfælde af at vi ville
gerne have adgang til det direkte.

28
00:01:36,030 --> 00:01:40,470
>> I mellemtiden, lad os præcisere åben klampe og
tæt bandage og indersiden af ​​de

29
00:01:40,470 --> 00:01:44,140
seler, lad os faktisk skrive koden
at vi ønsker udført, når denne formular

30
00:01:44,140 --> 00:01:45,210
indsendes.

31
00:01:45,210 --> 00:01:54,810
advare "hello", og lad os sammenkæde på
således at resultatet af at kalde $ "# navn"

32
00:01:54,810 --> 00:01:58,880
som præciserer, at jeg ønsker at få
elementet i min DOM hvis unikke

33
00:01:58,880 --> 00:02:00,750
id er navnet.

34
00:02:00,750 --> 00:02:04,790
Og lad os nu kalde en funktion inde i
objektet kaldet val som får

35
00:02:04,790 --> 00:02:07,370
den tekstuelle værdi,
brugeren er skrevet i.

36
00:02:07,370 --> 00:02:11,270
Og lad os sammenkæde på, så bare
for sjov, et udråbstegn.

37
00:02:11,270 --> 00:02:14,610
>> Endelig, snarere end blot returnere falsk som
vi gjorde før, så lad os være en smule mere

38
00:02:14,610 --> 00:02:18,750
eksplicitte og præciserer, at eftersom
begivenhed objekt, vil vi gerne forhindre

39
00:02:18,750 --> 00:02:22,480
standard opførsel ved specifikt at ringe
en funktion eller metode, der kaldes

40
00:02:22,480 --> 00:02:24,190
forhindre standard som følger.

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
Lad os nu gemme filen og
åbne det op i min browser.

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
>> Der er denne form.

47
00:02:41,410 --> 00:02:42,720
Lad os input David.

48
00:02:42,720 --> 00:02:45,040
Hvis du klikker på Indsend og goddag,
David er tilbage.

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