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

2
00:00:00,470 --> 00:00:03,760
>> SPEAKER: Laten we verbeteren op dat laatste
bijvoorbeeld door een populaire JavaScript

3
00:00:03,760 --> 00:00:07,520
library genaamd jQuery waarmee
ons om het schoonmaken van onze code, terwijl nog

4
00:00:07,520 --> 00:00:11,010
het vermijden van het probleem dat we tegenkwamen
eerder waarbij een code die ik schreef

5
00:00:11,010 --> 00:00:15,600
vroeg werd uitgevoerd voordat de
elementen die ik nodig had om te bestaan ​​in een DOM

6
00:00:15,600 --> 00:00:17,530
eigenlijk bestond.

7
00:00:17,530 --> 00:00:22,120
>> Let hier op in dom-2.html, ik heb een
script-tag al met een attribuut

8
00:00:22,120 --> 00:00:26,460
van de bron waarvan de waarde is de URL van de
nieuwste versie van deze bibliotheek.

9
00:00:26,460 --> 00:00:30,220
Daaronder heb ik een aparte script-tag
geen bron, maar waar ik ben vertrokken

10
00:00:30,220 --> 00:00:32,590
ruimte om daadwerkelijk te schrijven
sommige van mijn eigen code.

11
00:00:32,590 --> 00:00:36,690
De code die ik zou willen schrijven is als
volgt, $, die eigenlijk gewoon

12
00:00:36,690 --> 00:00:40,510
verkorte schrijfwijze voor jQuery
zelf, (document).

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

14
00:00:43,330 --> 00:00:46,700
Met andere woorden, ik ben gewoon passeren als
een argument voor een functie genaamd

15
00:00:46,700 --> 00:00:50,690
jQuery het document, de globale
variabele, die al bestaat binnen

16
00:00:50,690 --> 00:00:52,100
van een webpagina.

17
00:00:52,100 --> 00:00:57,400
>> Laten we dan doen. Klaar, het bellen van een functie
of methode die aangeeft dat

18
00:00:57,400 --> 00:01:01,290
het volgende stuk code zou moeten zijn
slechts uitgevoerd nadat het gehele document

19
00:01:01,290 --> 00:01:04,750
klaar is, in het bijzonder deze
anonieme functie hier.

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

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", waarin wordt aangegeven dat ik zou willen
om het element te krijgen van mijn DOM

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

23
00:01:16,370 --> 00:01:19,990
En toen we eenmaal hebt gekregen dat, laten we
inschrijven bij het een event handler voor

24
00:01:19,990 --> 00:01:25,250
het indienen evenement door het specificeren. indienen,
doorgeven dat een anonieme

25
00:01:25,250 --> 00:01:29,370
functie die een argument verwacht
dat we event zullen noemen, dat is

26
00:01:29,370 --> 00:01:32,230
uiteindelijk gewoon om een ​​referentie te
soorten van de werkelijke

27
00:01:32,230 --> 00:01:36,030
indiening evenement voor het geval we zouden
graag rechtstreeks toegang tot die.

28
00:01:36,030 --> 00:01:40,470
>> Ondertussen laten we opgeven geopend brace en
dicht brace en de binnenkant van de

29
00:01:40,470 --> 00:01:44,140
bretels, laten we eigenlijk de code schrijven
dat we willen voeren wanneer dit formulier

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

31
00:01:45,210 --> 00:01:54,810
waarschuwen "hello" en laten we samenvoegen op
zodat het resultaat van het aanroepen $ "# naam"

32
00:01:54,810 --> 00:01:58,880
waarin wordt aangegeven dat ik zou willen krijgen
het element in mijn DOM wiens unieke

33
00:01:58,880 --> 00:02:00,750
identifier is de naam.

34
00:02:00,750 --> 00:02:04,790
En laten we nu een functie aan te roepen binnen van
dat object met de naam val die krijgt

35
00:02:04,790 --> 00:02:07,370
de tekstuele waarde die
de gebruiker intikt

36
00:02:07,370 --> 00:02:11,270
En laten we samenvoegen op zodat, net
voor de lol, een uitroepteken.

37
00:02:11,270 --> 00:02:14,610
>> Ten slotte, in plaats van alleen return false als
we hebben eerder, laten we een beetje meer

38
00:02:14,610 --> 00:02:18,750
expliciete en aangeven dat gezien het feit dat
gebeurtenisobject, willen we voorkomen dat de

39
00:02:18,750 --> 00:02:22,480
standaard gedrag door specifiek te bellen
een functie of methode genaamd

40
00:02:22,480 --> 00:02:24,190
standaard als volgt voorkomen.

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
Laten we nu het bestand opslaan en
openen in mijn 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
>> Er is die vorm.

47
00:02:41,410 --> 00:02:42,720
Laten we ingang David.

48
00:02:42,720 --> 00:02:45,040
Klikken op Submit en hallo,
David is terug.

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