>> COLUMNA: Imos mellorar esta última exemplo mediante un Javascript populares
biblioteca chamada jQuery, que permitirá nós para limpar o noso código, mentres aínda
evitando o problema que atopou anteriormente en que un código que escribín
executou prematuramente antes do elementos que eu precisaba para existir nun DOM
realmente existiu.
>> Teña en conta aquí no don-2.html, eu teño un tag script xa cun atributo
de fonte cuxo valor é a URL do última versión desta biblioteca.
Abaixo diso eu teño unha etiqueta script separado sen fonte, pero onde eu deixei
espazo para realmente escribir un pouco do meu propio código.
O código que me gustaría escribir é tan segue, $, que é realmente só
notación abreviada para jQuery si, (documento).
Noutras palabras, eu estou simplemente pasando como un argumento para unha función chamada
jQuery o documento, o mundial variable, que xa existe no interior
de calquera páxina web.
>> Entón imos facer. Pronto, chamar a unha función ou método que especifica que
o seguinte anaco de código debe ser executada unha vez todo o documento
está preparado, especialmente esta función anónima aquí.
$ "# Demo", que especifica que me gustaría para obter o elemento da miña DOM
quen identificador único é demostración.
E, a continuación, unha vez que teñamos chegado a este, imos rexistrarse nel un manipulador de eventos para
a someterse evento, especificando. presentar, pasando a que un anónimo
función que espera un argumento que imos chamar evento, que se
en definitiva, só será un referente das sortes para o real
evento presentación só no caso que quere acceder a este directamente.
>> Mentres tanto, imos especificar chave de apertura e preto cinta e dentro dos
chaves, imos realmente escribir o código que queremos executado cando esta forma
é sometido.
alertar "Ola", e imos concatenar en de xeito que o resultado da chamada $ "# nome"
que especifica que me gustaría ter o elemento na miña DON cuxa única
identificador é o nome.
E imos agora chamar unha función dentro este obxecto chamado val que recibe
o valor textuais que o usuario é ingresaran dentro
E imos concatenar no para que, así por diversión, un signo de admiración.
>> Finalmente, no canto de só voltar false como fixemos antes, imos ser un pouco máis
explícita e especificar que, dado que obxecto de evento, nós queremos evitar a súa
comportamento por defecto por especificamente chamando unha función ou método chamado
evitar default como segue.
event.preventDefault.
Imos agora gardar o ficheiro e abri-lo no meu navegador.
http://localhost/dom-2.html
>> Hai este formulario.
Imos entrada David.
Ao premer en Enviar e Ola, David está de volta.