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

2
00:00:00,470 --> 00:00:03,760
>> Spreker: Kom ons verbeter op die laaste
byvoorbeeld deur die gebruik van 'n gewilde JavaScript

3
00:00:03,760 --> 00:00:07,520
biblioteek genoem jQuery wat jou sal toelaat
ons skoon te maak van ons kode, terwyl nog

4
00:00:07,520 --> 00:00:11,010
vermy die probleem wat ons ondervind
vroeër waardeur sommige kode wat ek geskryf het

5
00:00:11,010 --> 00:00:15,600
was vroeg uitgevoer voor die
elemente wat ek nodig het in 'n DOM om te bestaan

6
00:00:15,600 --> 00:00:17,530
werklik bestaan.

7
00:00:17,530 --> 00:00:22,120
>> Let hier in dom-2.html, ek het 'n
scripttag reeds met 'n kenmerk

8
00:00:22,120 --> 00:00:26,460
van die bron waarvan die waarde is die URL van die
jongste weergawe van hierdie biblioteek.

9
00:00:26,460 --> 00:00:30,220
Hieronder dat ek 'n aparte script tag
met geen bron, maar waar ek links

10
00:00:30,220 --> 00:00:32,590
kamer eintlik skryf
sommige van my eie kode.

11
00:00:32,590 --> 00:00:36,690
Die kode wat ek wil skryf, is as
volg, $, wat eintlik net '

12
00:00:36,690 --> 00:00:40,510
snelskriknotasie vir jQuery
self, (dokument).

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

14
00:00:43,330 --> 00:00:46,700
Met ander woorde, ek net verby as
'n argument met 'n funksie genoem

15
00:00:46,700 --> 00:00:50,690
jQuery die dokument, die globale
veranderlike, wat reeds bestaan ​​binne

16
00:00:50,690 --> 00:00:52,100
van 'n webblad.

17
00:00:52,100 --> 00:00:57,400
>> Dan kom ons doen. Gereed, bel 'n funksie
of metode wat bepaal dat

18
00:00:57,400 --> 00:01:01,290
die volgende stuk van die kode moet wees
slegs een keer die hele dokument uitgevoer

19
00:01:01,290 --> 00:01:04,750
gereed is, spesifiek by hierdie
anonieme funksie hier.

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

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", wat bepaal dat ek wil
die element te kry van my DOM

22
00:01:14,210 --> 00:01:16,370
wie se unieke identifiseerder is demo.

23
00:01:16,370 --> 00:01:19,990
En dan wanneer ons gekry het, laat se
registreer met dit 'n gebeurtenis hanteerder vir

24
00:01:19,990 --> 00:01:25,250
die stuur geval deur die spesifiseer. dien,
verby te dat 'n anonieme

25
00:01:25,250 --> 00:01:29,370
funksie wat verwag 'n argument
dat ons geval sal noem, wat

26
00:01:29,370 --> 00:01:32,230
uiteindelik net gaan 'n verwysing te wees
van spesies aan die werklike

27
00:01:32,230 --> 00:01:36,030
voorlegging geval net in geval ons wil
hou wat direk toegang te verkry.

28
00:01:36,030 --> 00:01:40,470
>> Intussen, laat ons spesifiseer oop stut en
naby stut en binnekant van die

29
00:01:40,470 --> 00:01:44,140
draadjies, laat ons eintlik die kode skryf
wat ons wil uitgevoer wanneer hierdie vorm

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

31
00:01:45,210 --> 00:01:54,810
waarsku "hallo" en laat koppel op
sodat die uitslag van die roeping van $ "# Naam"

32
00:01:54,810 --> 00:01:58,880
wat bepaal dat ek wil te kry
die element in my DOM se unieke

33
00:01:58,880 --> 00:02:00,750
identifiseerder is die naam.

34
00:02:00,750 --> 00:02:04,790
En laat ons nou noem 'n funksie binne
daardie voorwerp genoem val wat kry

35
00:02:04,790 --> 00:02:07,370
die tekstuele waarde wat
die gebruiker getik in

36
00:02:07,370 --> 00:02:11,270
En laat koppel aan sodat net
vir die pret, 'n uitroepteken.

37
00:02:11,270 --> 00:02:14,610
>> Laastens, eerder as om net terug te keer vals
ons het voor, laat ons 'n bietjie meer

38
00:02:14,610 --> 00:02:18,750
eksplisiete en spesifiseer dat gegee dat
gebeurtenis voorwerp, wil ons graag om te verhoed dat sy

39
00:02:18,750 --> 00:02:22,480
standaard gedrag deur spesifiek roeping
'n funksie of 'n metode genoem

40
00:02:22,480 --> 00:02:24,190
verhoed dat die standaard soos volg.

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
Kom ons nou die lêer stoor en
oop te maak in my 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
>> Daar is daardie vorm.

47
00:02:41,410 --> 00:02:42,720
Kom ons insette Dawid.

48
00:02:42,720 --> 00:02:45,040
Kliek Stuur en hallo,
David is terug.

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