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

2
00:00:00,470 --> 00:00:03,760
>> COLUNA: Vamos melhorar essa última
exemplo usando um JavaScript populares

3
00:00:03,760 --> 00:00:07,520
biblioteca chamada jQuery, que permitirá
nós para limpar o nosso código, enquanto ainda

4
00:00:07,520 --> 00:00:11,010
evitando o problema que encontrou
anteriormente em que um código que eu escrevi

5
00:00:11,010 --> 00:00:15,600
foi executado prematuramente antes do
elementos que eu precisava para existir em um DOM

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

7
00:00:17,530 --> 00:00:22,120
>> Observe aqui no dom-2.html, eu tenho um
tag script já com um atributo

8
00:00:22,120 --> 00:00:26,460
de fonte cujo valor é o URL do
versão mais recente desta biblioteca.

9
00:00:26,460 --> 00:00:30,220
Abaixo disso eu tenho uma tag script separado
sem fonte, mas onde eu deixei

10
00:00:30,220 --> 00:00:32,590
espaço para realmente escrever
um pouco do meu próprio código.

11
00:00:32,590 --> 00:00:36,690
O código que eu gostaria de escrever é tão
segue, $, que é realmente apenas

12
00:00:36,690 --> 00:00:40,510
notação abreviada para jQuery
si, (documento).

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

14
00:00:43,330 --> 00:00:46,700
Em outras palavras, eu estou simplesmente passando como
um argumento para uma função chamada

15
00:00:46,700 --> 00:00:50,690
jQuery o documento, o mundial
variável, que já existe no interior

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

17
00:00:52,100 --> 00:00:57,400
>> Então vamos fazer. Pronto, chamar uma função
ou método que especifica que

18
00:00:57,400 --> 00:01:01,290
o seguinte pedaço de código deve ser
executada uma única vez todo o documento

19
00:01:01,290 --> 00:01:04,750
está pronto, especificamente esta
função anônima aqui.

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

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", que especifica que eu gostaria
para obter o elemento do meu DOM

22
00:01:14,210 --> 00:01:16,370
quem identificador único é demonstração.

23
00:01:16,370 --> 00:01:19,990
E, em seguida, uma vez que tenhamos chegado a esse, vamos
se registrar nele um manipulador de eventos para

24
00:01:19,990 --> 00:01:25,250
a submeter evento, especificando. apresentar,
passando a que um anónimo

25
00:01:25,250 --> 00:01:29,370
função que espera um argumento
que vamos chamar evento, que é

26
00:01:29,370 --> 00:01:32,230
em última análise, apenas vai ser uma referência
das sortes para o real

27
00:01:32,230 --> 00:01:36,030
evento a apresentação apenas no caso que tinha
gostaria de acessar esse diretamente.

28
00:01:36,030 --> 00:01:40,470
>> Enquanto isso, vamos especificar chave de abertura e
perto cinta e dentro dos

29
00:01:40,470 --> 00:01:44,140
chaves, vamos realmente escrever o código
que queremos executado quando esta forma

30
00:01:44,140 --> 00:01:45,210
é submetido.

31
00:01:45,210 --> 00:01:54,810
alertar "Olá", e vamos concatenar em
de modo que o resultado da chamada $ "# nome"

32
00:01:54,810 --> 00:01:58,880
que especifica que eu gostaria de ter
o elemento em minha DOM cuja única

33
00:01:58,880 --> 00:02:00,750
identificador é o nome.

34
00:02:00,750 --> 00:02:04,790
E vamos agora chamar uma função dentro de
esse objeto chamado val que recebe

35
00:02:04,790 --> 00:02:07,370
o valor textuais que
o usuário é digitado dentro

36
00:02:07,370 --> 00:02:11,270
E vamos concatenar no para que, assim
por diversão, um ponto de exclamação.

37
00:02:11,270 --> 00:02:14,610
>> Por fim, ao invés de apenas retornar false como
fizemos antes, vamos ser um pouco mais

38
00:02:14,610 --> 00:02:18,750
explícita e especificar que, dado que
objeto de evento, nós gostaríamos de evitar a sua

39
00:02:18,750 --> 00:02:22,480
comportamento padrão por especificamente chamando
uma função ou método chamado

40
00:02:22,480 --> 00:02:24,190
evitar default como 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
Vamos agora salvar o arquivo e
abri-lo no 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
>> Há esse formulário.

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

48
00:02:42,720 --> 00:02:45,040
Clicar em Enviar e Olá,
David está de volta.

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