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.