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

2
00:00:00,470 --> 00:00:03,760
>> ALTAVOZ: Vamos a mejorar en este último
ejemplo utilizando un JavaScript populares

3
00:00:03,760 --> 00:00:07,520
biblioteca llamada jQuery que permitirá
nos limpiamos nuestro código sin dejar de

4
00:00:07,520 --> 00:00:11,010
evitando el problema que encontramos
anterior por el que un código que he escrito

5
00:00:11,010 --> 00:00:15,600
fue ejecutado antes de tiempo antes de que el
elementos que necesitaba para existir en un DOM

6
00:00:15,600 --> 00:00:17,530
en realidad existió.

7
00:00:17,530 --> 00:00:22,120
>> Nótese aquí en dom-2.html, tengo un
etiqueta de script ya con un atributo

8
00:00:22,120 --> 00:00:26,460
de origen cuyo valor es la dirección URL de la
última versión de esta biblioteca.

9
00:00:26,460 --> 00:00:30,220
Debajo de eso tengo una etiqueta de script independiente
sin ninguna fuente pero donde he dejado

10
00:00:30,220 --> 00:00:32,590
espacio para escribir en realidad
algunos de mi propio código.

11
00:00:32,590 --> 00:00:36,690
El código que me gustaría escribir es tan
de la siguiente manera, $, que es en realidad

12
00:00:36,690 --> 00:00:40,510
notación abreviada para jQuery
sí, (documento).

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

14
00:00:43,330 --> 00:00:46,700
En otras palabras, simplemente estoy pasando como
un argumento a una función llamada

15
00:00:46,700 --> 00:00:50,690
jQuery el documento, lo global
variable que ya existe en el interior

16
00:00:50,690 --> 00:00:52,100
de cualquier página web.

17
00:00:52,100 --> 00:00:57,400
>> Entonces vamos a hacerlo. Listo, llama a una función
o un método que especifica que

18
00:00:57,400 --> 00:01:01,290
el siguiente fragmento de código debe ser
ejecutada una sola vez todo el documento

19
00:01:01,290 --> 00:01:04,750
está listo, específicamente esta
función 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 me gustaría
para obtener el elemento de mi DOM

22
00:01:14,210 --> 00:01:16,370
¿quién es el identificador único de demostración.

23
00:01:16,370 --> 00:01:19,990
Y luego, una vez que hemos conseguido eso, vamos a
registrarse con que un controlador de eventos para

24
00:01:19,990 --> 00:01:25,250
el presente caso mediante la especificación. presentar,
pasando a que un anónimo

25
00:01:25,250 --> 00:01:29,370
función que espera un argumento
que llamaremos evento, el cual es

26
00:01:29,370 --> 00:01:32,230
en última instancia, sólo va a ser una referencia
de clases a la real

27
00:01:32,230 --> 00:01:36,030
evento de presentación en caso de que habíamos
gustaría tener acceso a eso directamente.

28
00:01:36,030 --> 00:01:40,470
>> Mientras tanto, vamos a especificar llave de apertura y
llave de cierre y en el interior de los

29
00:01:40,470 --> 00:01:44,140
llaves, vamos a realmente escribir el código
que desea que se ejecuten cuando esta forma

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

31
00:01:45,210 --> 00:01:54,810
alerta "hola", y vamos a concatenar en
de modo que el resultado de la llamada $ "# name"

32
00:01:54,810 --> 00:01:58,880
que especifica que me gustaría llegar
el elemento en mi DOM cuya única

33
00:01:58,880 --> 00:02:00,750
identificador es el nombre.

34
00:02:00,750 --> 00:02:04,790
Y ahora vamos a llamar a una función en el interior de
ese objeto llamado val que obtiene

35
00:02:04,790 --> 00:02:07,370
el valor textual que
el usuario se escribe pulg

36
00:02:07,370 --> 00:02:11,270
Y vamos a concatenar el fin de que, al igual
para la diversión, un signo de exclamación.

37
00:02:11,270 --> 00:02:14,610
>> Por último, en lugar de devolver false como
lo hicimos antes, vamos a ser un poco más

38
00:02:14,610 --> 00:02:18,750
explícito y especificar que dado que
objeto de evento, nos gustaría evitar su

39
00:02:18,750 --> 00:02:22,480
comportamiento predeterminado llamando específicamente
una función o un método llamado

40
00:02:22,480 --> 00:02:24,190
prevenir predeterminado de la siguiente 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
Ahora vamos a guardar el archivo y
abrirlo en mi 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
>> Ahí está ese formulario.

47
00:02:41,410 --> 00:02:42,720
Vamos a la entrada de David.

48
00:02:42,720 --> 00:02:45,040
Al hacer clic en Enviar y hola,
David está de vuelta.

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