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

2
00:00:00,470 --> 00:00:03,760
>> SPEAKER: La oss forbedre det siste
eksempel ved hjelp av en populær Java

3
00:00:03,760 --> 00:00:07,520
bibliotek kalt jQuery som vil tillate
oss til å rydde opp i koden vår samtidig

4
00:00:07,520 --> 00:00:11,010
unngå problemet vi møtte
tidligere der noen kode som jeg skrev

5
00:00:11,010 --> 00:00:15,600
ble henrettet tidlig før
elementer jeg trengte å eksistere i et DOM

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

7
00:00:17,530 --> 00:00:22,120
>> Legg merke til her i dom-2.html, har jeg en
skriptmerket allerede med et attributt

8
00:00:22,120 --> 00:00:26,460
av kilden hvis verdi er nettadressen til
nyeste versjonen av dette biblioteket.

9
00:00:26,460 --> 00:00:30,220
Under denne har jeg et eget script tag
med ingen kilde, men hvor jeg har forlatt

10
00:00:30,220 --> 00:00:32,590
plass til å faktisk skrive
noen av min egen kode.

11
00:00:32,590 --> 00:00:36,690
Koden jeg har lyst til å skrive er som
følger, $, som egentlig bare er

12
00:00:36,690 --> 00:00:40,510
stenografi notasjon for jQuery
seg 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 funksjon som heter

15
00:00:46,700 --> 00:00:50,690
jQuery dokumentet, det globale
variable, som allerede finnes inne

16
00:00:50,690 --> 00:00:52,100
av hvilken som helst webside.

17
00:00:52,100 --> 00:00:57,400
>> Så la oss gjøre. Klar, ringer en funksjon
eller metode som spesifiserer at

18
00:00:57,400 --> 00:01:01,290
følgende del av koden skal være
utføres bare når hele dokumentet

19
00:01:01,290 --> 00:01:04,750
er klart, at dette spesifikt
anonym funksjon her.

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

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", som presiserer at jeg ønsker
for å få elementet fra min DOM

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

23
00:01:16,370 --> 00:01:19,990
Og så når vi har fått det, la oss
registrere seg med det en hendelseshåndterer for

24
00:01:19,990 --> 00:01:25,250
send-arrangementet ved å spesifisere. sende,
passerer til at en anonym

25
00:01:25,250 --> 00:01:29,370
funksjon som forventer ett argument
at vi vil kalle arrangementet, som er

26
00:01:29,370 --> 00:01:32,230
til slutt bare kommer til å være en referanse
av sorterer til selve

27
00:01:32,230 --> 00:01:36,030
innsending hendelse bare i tilfelle vi skulle
liker å få tilgang til det direkte.

28
00:01:36,030 --> 00:01:40,470
>> I mellomtiden, la oss spesifisere åpen seler og
klammeparentes og innsiden av de

29
00:01:40,470 --> 00:01:44,140
bukseseler, la oss faktisk skrive koden
at vi ønsker utført når dette skjemaet

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

31
00:01:45,210 --> 00:01:54,810
varsle "hallo", og la oss sette sammen på
slik at resultatet av å kalle $ "# name"

32
00:01:54,810 --> 00:01:58,880
som presiserer at jeg ønsker å få
elementet i min DOM hvis unike

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

34
00:02:00,750 --> 00:02:04,790
Og la oss nå kalle en funksjon innsiden av
som objekt kalt val som får

35
00:02:04,790 --> 00:02:07,370
tekstlig verdi som
brukeren er skrevet i.

36
00:02:07,370 --> 00:02:11,270
Og la oss sette sammen på, slik at bare
for moro skyld, et utropstegn.

37
00:02:11,270 --> 00:02:14,610
>> Til slutt, i stedet for bare return false som
vi gjorde før, la oss være litt mer

38
00:02:14,610 --> 00:02:18,750
eksplisitte og spesifisere at gitt at
hendelsesobjekt, vil vi gjerne hindre sin

39
00:02:18,750 --> 00:02:22,480
standard oppførsel ved spesifikt å ringe
en funksjon eller metode som kalles

40
00:02:22,480 --> 00:02:24,190
hindre 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
La oss nå lagre filen og
åpne den opp i nettleseren min.

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 er dette skjemaet.

47
00:02:41,410 --> 00:02:42,720
La oss innspill David.

48
00:02:42,720 --> 00:02:45,040
Ved å klikke på Send og hei,
David er tilbake.

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