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

2
00:00:00,470 --> 00:00:03,760
>> ALTAVEU: Anem a millorar en aquest últim
exemple utilitzant un JavaScript populars

3
00:00:03,760 --> 00:00:07,520
biblioteca anomenada jQuery que permetrà
ens netegem el nostre codi sense deixar de

4
00:00:07,520 --> 00:00:11,010
evitant el problema que trobem
anterior pel que un codi que he escrit

5
00:00:11,010 --> 00:00:15,600
va ser executat abans d'hora abans que el
elements que necessitava per existir en un DOM

6
00:00:15,600 --> 00:00:17,530
en realitat va existir.

7
00:00:17,530 --> 00:00:22,120
>> Noteu aquí a dg-2.html, tinc un
etiqueta de script ja amb un atribut

8
00:00:22,120 --> 00:00:26,460
d'origen el valor és l'adreça URL de la
última versió d'aquesta biblioteca.

9
00:00:26,460 --> 00:00:30,220
A sota d'això tinc una etiqueta de script independent
sense cap font però on he deixat

10
00:00:30,220 --> 00:00:32,590
espai per escriure en realitat
alguns del meu propi codi.

11
00:00:32,590 --> 00:00:36,690
El codi que m'agradaria escriure és tan
de la següent manera, $, que és en realitat

12
00:00:36,690 --> 00:00:40,510
notació abreujada per jQuery
si, (document).

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

14
00:00:43,330 --> 00:00:46,700
En altres paraules, simplement estic passant com
un argument a una funció anomenada

15
00:00:46,700 --> 00:00:50,690
jQuery el document, el global
variable que ja existeix a l'interior

16
00:00:50,690 --> 00:00:52,100
de qualsevol pàgina web.

17
00:00:52,100 --> 00:00:57,400
>> Llavors anem a fer-ho. Llest, crida a una funció
o un mètode que especifica que

18
00:00:57,400 --> 00:01:01,290
el següent fragment de codi ha de ser
executada una sola vegada tot el document

19
00:01:01,290 --> 00:01:04,750
està a punt, específicament aquesta
funció anònima aquí.

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

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", que especifica que m'agradaria
per obtenir l'element de la meva DOM

22
00:01:14,210 --> 00:01:16,370
Qui és l'identificador únic de demostració.

23
00:01:16,370 --> 00:01:19,990
I després, un cop hem aconseguit això, anem a
registrar-se amb que un controlador d'esdeveniments per

24
00:01:19,990 --> 00:01:25,250
el present cas mitjançant l'especificació. presentar,
passant a que un anònim

25
00:01:25,250 --> 00:01:29,370
funció que espera un argument
que anomenarem esdeveniment, el qual és

26
00:01:29,370 --> 00:01:32,230
en última instància, només serà una referència
de classes a la real

27
00:01:32,230 --> 00:01:36,030
esdeveniment de presentació en cas que havíem
agradaria tenir accés a això directament.

28
00:01:36,030 --> 00:01:40,470
>> Mentrestant, anem a especificar clau d'obertura i
clau de tancament ia l'interior dels

29
00:01:40,470 --> 00:01:44,140
claus, anem a realment escriure el codi
que desitja que s'executin quan aquesta forma

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

31
00:01:45,210 --> 00:01:54,810
alerta "hola", i anem a concatenar en
de manera que el resultat de l'anomenada $ "# name"

32
00:01:54,810 --> 00:01:58,880
que especifica que m'agradaria arribar
l'element en el meu DOM l'única

33
00:01:58,880 --> 00:02:00,750
identificador és el nom.

34
00:02:00,750 --> 00:02:04,790
I ara anem a cridar a una funció a l'interior de
aquest objecte anomenat val que obté

35
00:02:04,790 --> 00:02:07,370
el valor textual que
l'usuari s'escriu polz

36
00:02:07,370 --> 00:02:11,270
I anem a concatenar la finalitat que, igual
per a la diversió, un signe d'exclamació.

37
00:02:11,270 --> 00:02:14,610
>> Finalment, en lloc de tornar false com
ho vam fer abans, serem una mica més

38
00:02:14,610 --> 00:02:18,750
explícit i especificar que atès que
objecte d'esdeveniment, ens agradaria evitar la seva

39
00:02:18,750 --> 00:02:22,480
comportament predeterminat trucant específicament
una funció o un mètode anomenat

40
00:02:22,480 --> 00:02:24,190
prevenir predeterminat de la següent manera.

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
Ara anem a guardar l'arxiu i
obrir-lo en el meu navegador.

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
>> Aquí està aquest formulari.

47
00:02:41,410 --> 00:02:42,720
Anem a l'entrada de David.

48
00:02:42,720 --> 00:02:45,040
En fer clic a Envia i hola,
David està de tornada.

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