>> COLUNA: Vamos melhorar essa última exemplo usando um JavaScript populares
biblioteca chamada jQuery, que permitirá nós para limpar o nosso código, enquanto ainda
evitando o problema que encontrou anteriormente em que um código que eu escrevi
foi executado prematuramente antes do elementos que eu precisava para existir em um DOM
realmente existiu.
>> Observe aqui no dom-2.html, eu tenho um tag script já com um atributo
de fonte cujo valor é o URL do versão mais recente desta biblioteca.
Abaixo disso eu tenho uma tag script separado sem fonte, mas onde eu deixei
espaço para realmente escrever um pouco do meu próprio código.
O código que eu gostaria de escrever é tão segue, $, que é realmente apenas
notação abreviada para jQuery si, (documento).
Em outras palavras, eu estou simplesmente passando como um argumento para uma função chamada
jQuery o documento, o mundial variável, que já existe no interior
de qualquer página web.
>> Então vamos fazer. Pronto, chamar uma função ou método que especifica que
o seguinte pedaço de código deve ser executada uma única vez todo o documento
está pronto, especificamente esta função anônima aqui.
$ "# Demo", que especifica que eu gostaria para obter o elemento do meu DOM
quem identificador único é demonstração.
E, em seguida, uma vez que tenhamos chegado a esse, vamos se registrar nele um manipulador de eventos para
a submeter evento, especificando. apresentar, passando a que um anónimo
função que espera um argumento que vamos chamar evento, que é
em última análise, apenas vai ser uma referência das sortes para o real
evento a apresentação apenas no caso que tinha gostaria de acessar esse diretamente.
>> Enquanto isso, vamos especificar chave de abertura e perto cinta e dentro dos
chaves, vamos realmente escrever o código que queremos executado quando esta forma
é submetido.
alertar "Olá", e vamos concatenar em de modo que o resultado da chamada $ "# nome"
que especifica que eu gostaria de ter o elemento em minha DOM cuja única
identificador é o nome.
E vamos agora chamar uma função dentro de esse objeto chamado val que recebe
o valor textuais que o usuário é digitado dentro
E vamos concatenar no para que, assim por diversão, um ponto de exclamação.
>> Por fim, ao invés de apenas retornar false como fizemos antes, vamos ser um pouco mais
explícita e especificar que, dado que objeto de evento, nós gostaríamos de evitar a sua
comportamento padrão por especificamente chamando uma função ou método chamado
evitar default como segue.
event.preventDefault.
Vamos agora salvar o arquivo e abri-lo no meu navegador.
http://localhost/dom-2.html
>> Há esse formulário.
Vamos entrada David.
Clicar em Enviar e Olá, David está de volta.