1 00:00:00,000 --> 00:00:00,470 2 00:00:00,470 --> 00:00:03,760 >> COLUMNA: Imos mellorar esta última exemplo mediante un Javascript populares 3 00:00:03,760 --> 00:00:07,520 biblioteca chamada jQuery, que permitirá nós para limpar o noso código, mentres aínda 4 00:00:07,520 --> 00:00:11,010 evitando o problema que atopou anteriormente en que un código que escribín 5 00:00:11,010 --> 00:00:15,600 executou prematuramente antes do elementos que eu precisaba para existir nun DOM 6 00:00:15,600 --> 00:00:17,530 realmente existiu. 7 00:00:17,530 --> 00:00:22,120 >> Teña en conta aquí no don-2.html, eu teño un tag script xa cun atributo 8 00:00:22,120 --> 00:00:26,460 de fonte cuxo valor é a URL do última versión desta biblioteca. 9 00:00:26,460 --> 00:00:30,220 Abaixo diso eu teño unha etiqueta script separado sen fonte, pero onde eu deixei 10 00:00:30,220 --> 00:00:32,590 espazo para realmente escribir un pouco do meu propio código. 11 00:00:32,590 --> 00:00:36,690 O código que me gustaría escribir é tan segue, $, que é realmente só 12 00:00:36,690 --> 00:00:40,510 notación abreviada para jQuery si, (documento). 13 00:00:40,510 --> 00:00:43,330 14 00:00:43,330 --> 00:00:46,700 Noutras palabras, eu estou simplemente pasando como un argumento para unha función chamada 15 00:00:46,700 --> 00:00:50,690 jQuery o documento, o mundial variable, que xa existe no interior 16 00:00:50,690 --> 00:00:52,100 de calquera páxina web. 17 00:00:52,100 --> 00:00:57,400 >> Entón imos facer. Pronto, chamar a unha función ou método que especifica que 18 00:00:57,400 --> 00:01:01,290 o seguinte anaco de código debe ser executada unha vez todo o documento 19 00:01:01,290 --> 00:01:04,750 está preparado, especialmente 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 obter o elemento da miña DOM 22 00:01:14,210 --> 00:01:16,370 quen identificador único é demostración. 23 00:01:16,370 --> 00:01:19,990 E, a continuación, unha vez que teñamos chegado a este, imos rexistrarse nel un manipulador de eventos para 24 00:01:19,990 --> 00:01:25,250 a someterse evento, especificando. presentar, pasando a que un anónimo 25 00:01:25,250 --> 00:01:29,370 función que espera un argumento que imos chamar evento, que se 26 00:01:29,370 --> 00:01:32,230 en definitiva, só será un referente das sortes para o real 27 00:01:32,230 --> 00:01:36,030 evento presentación só no caso que quere acceder a este directamente. 28 00:01:36,030 --> 00:01:40,470 >> Mentres tanto, imos especificar chave de apertura e preto cinta e dentro dos 29 00:01:40,470 --> 00:01:44,140 chaves, imos realmente escribir o código que queremos executado cando esta forma 30 00:01:44,140 --> 00:01:45,210 é sometido. 31 00:01:45,210 --> 00:01:54,810 alertar "Ola", e imos concatenar en de xeito que o resultado da chamada $ "# nome" 32 00:01:54,810 --> 00:01:58,880 que especifica que me gustaría ter o elemento na miña DON cuxa única 33 00:01:58,880 --> 00:02:00,750 identificador é o nome. 34 00:02:00,750 --> 00:02:04,790 E imos agora chamar unha función dentro este obxecto chamado val que recibe 35 00:02:04,790 --> 00:02:07,370 o valor textuais que o usuario é ingresaran dentro 36 00:02:07,370 --> 00:02:11,270 E imos concatenar no para que, así por diversión, un signo de admiración. 37 00:02:11,270 --> 00:02:14,610 >> Finalmente, no canto de só voltar false como fixemos antes, imos ser un pouco máis 38 00:02:14,610 --> 00:02:18,750 explícita e especificar que, dado que obxecto de evento, nós queremos evitar a súa 39 00:02:18,750 --> 00:02:22,480 comportamento por defecto por especificamente chamando unha función 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 Imos agora gardar o ficheiro 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 >> Hai este formulario. 47 00:02:41,410 --> 00:02:42,720 Imos entrada David. 48 00:02:42,720 --> 00:02:45,040 Ao premer en Enviar e Ola, David está de volta. 49 00:02:45,040 --> 00:02:48,299