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

2
00:00:00,470 --> 00:00:03,760
>> SPEAKER: Cerchiamo di migliorare l'ultimo
esempio utilizzando un JavaScript popolare

3
00:00:03,760 --> 00:00:07,520
libreria chiamata jQuery che permetterà
noi per ripulire il nostro codice, pur

4
00:00:07,520 --> 00:00:11,010
evitando il problema che abbiamo incontrato
in precedenza per cui alcuni codice che ho scritto

5
00:00:11,010 --> 00:00:15,600
è stato eseguito prematuramente prima della
elementi di cui avevo bisogno per esistere in un DOM

6
00:00:15,600 --> 00:00:17,530
realmente esistito.

7
00:00:17,530 --> 00:00:22,120
>> Si noti qui in dom-2.html, ho un
tag già con un attributo di script

8
00:00:22,120 --> 00:00:26,460
di origine il cui valore è l'URL del
la versione più recente di questa biblioteca.

9
00:00:26,460 --> 00:00:30,220
Qui di seguito che ho un tag script separato
senza alcuna fonte, ma dove ho lasciato

10
00:00:30,220 --> 00:00:32,590
spazio per effettivamente scrivere
un po 'del mio codice.

11
00:00:32,590 --> 00:00:36,690
Il codice che vorrei scrivere è come
segue, $, che è in realtà solo

12
00:00:36,690 --> 00:00:40,510
notazione abbreviata per jQuery
stessa, (documento).

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

14
00:00:43,330 --> 00:00:46,700
In altre parole, io sto semplicemente passando come
un argomento di una funzione chiamata

15
00:00:46,700 --> 00:00:50,690
jQuery il documento, il globale
variabile, che esiste già dentro

16
00:00:50,690 --> 00:00:52,100
di qualsiasi pagina web.

17
00:00:52,100 --> 00:00:57,400
>> Allora facciamolo. Pronta, chiamando una funzione
o un metodo che specifica che

18
00:00:57,400 --> 00:01:01,290
il seguente pezzo di codice dovrebbe essere
eseguito solo una volta l'intero documento

19
00:01:01,290 --> 00:01:04,750
è pronta, in particolare questo
funzione anonima qui.

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

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", che specifica che mi piacerebbe
per ottenere l'elemento dal mio DOM

22
00:01:14,210 --> 00:01:16,370
chi sta identificatore univoco è demo.

23
00:01:16,370 --> 00:01:19,990
E poi una volta abbiamo ottenuto questo, facciamo
registrarsi con esso un gestore di eventi per

24
00:01:19,990 --> 00:01:25,250
il submit evento specificando. presentare,
passando a che un anonimo

25
00:01:25,250 --> 00:01:29,370
funzione che si aspetta un argomento
che chiameremo evento, che è

26
00:01:29,370 --> 00:01:32,230
in ultima analisi, solo andando a essere un riferimento
di sorta alla effettiva

27
00:01:32,230 --> 00:01:36,030
evento di presentazione nel caso in cui ci saremmo
Desidero accedere a quella diretta.

28
00:01:36,030 --> 00:01:40,470
>> Nel frattempo, cerchiamo di specificare parentesi graffa aperta e
close brace e dentro di quelli

29
00:01:40,470 --> 00:01:44,140
bretelle, diamo effettivamente scrivere il codice
che vogliamo eseguito quando questo modulo

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

31
00:01:45,210 --> 00:01:54,810
Alert "ciao", e cerchiamo di concatenare su
in modo che il risultato della chiamata $ "# nome"

32
00:01:54,810 --> 00:01:58,880
che specifica che mi piacerebbe ottenere
l'elemento a mio DOM cui unico

33
00:01:58,880 --> 00:02:00,750
identificatore è il nome.

34
00:02:00,750 --> 00:02:04,790
E andiamo ora chiamare una funzione all'interno di
quell'oggetto chiamato val che ottiene

35
00:02:04,790 --> 00:02:07,370
il valore testuale che
l'utente viene immessa

36
00:02:07,370 --> 00:02:11,270
E cerchiamo di concatenare in modo che, appena
per il divertimento, un punto esclamativo.

37
00:02:11,270 --> 00:02:14,610
>> Infine, piuttosto che restituire false come
abbiamo fatto prima, cerchiamo di essere un po 'più

38
00:02:14,610 --> 00:02:18,750
esplicito e specificare che, dato che
oggetto evento, vorremmo evitare che la sua

39
00:02:18,750 --> 00:02:22,480
predefinito comportamento specificamente chiamando
una funzione o metodo chiamato

40
00:02:22,480 --> 00:02:24,190
impedire automaticamente come segue.

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
Passiamo ora salvare il file e
aprirlo nel 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
>> C'è quella forma.

47
00:02:41,410 --> 00:02:42,720
Facciamo ingresso David.

48
00:02:42,720 --> 00:02:45,040
Facendo clic su Submit e ciao,
David è tornato.

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