Um problema comum durante a programação javascript é que o programa javascript será executado antes que a página é carregada. Você pode acessar elementos HTML em uma página. Isso significa que você também pode acessar coisas como imagens, formulários e qualquer outra coisa que você quer, em uma página da web. O problema surge quando você tenta acessar algo na página antes de o navegador tem que carregado. jQuery oferece maneiras de contornar isso.

jQuery tem uma função chamada pronto() que aguarda a página a ser, bem, pronto. Não é bem assim tudo está disponível (por exemplo, algumas imagens poderão continuar a ser de carga), mas os elementos HTML está pronto para ser trabalhado com quando o pronto() função é chamada.

Quando você programar com jQuery, é típico para colocar o seu código dentro do pronto() função de modo que você pode garantir que todo o material na página está pronto para você usar em seu programa. Realmente, não há muito para isso, então tente não overthink.

Um exemplo seria ajudar a ilustrar! Este anúncio mostra uma página HTML com javascript dentro do jQuery pronto() função.

 
adicionando jQuery

Quando visto através de um navegador, o resultado é um alerta.

Este código tem duas áreas de interesse. O primeiro é o próprio elemento:

Isso inclui jQuery CDN da Microsoft na página.

A próxima área de interesse está dentro do, especificamente, o interior do corpo:

Este código chama o jQuery pronto() função, parte do objeto de documento. Observe a sintaxe especial com o sinal de dólar e parênteses. Isto é o que informa ao navegador e javascript que o que se segue vai ser jQuery, então o processamento é entregue a jQuery. E porque jQuery tem uma função chamada pronto(), ele sabe o que fazer.

Você usa $ () em todo o lugar com jQuery- é o que diz jQuery que deveria prestar atenção.

Dentro do jQuery pronto() função há este código:

function () {alert ( "oi") -}

Você sabe tudo sobre funções já que esta não é nada de novo. Ou é? Se esta é uma função, que é o nome da função? Para a maioria dos usos do jQuery, você verá uma sintaxe semelhante ao que você vê aqui, com uma função sem nome como este e, em seguida, o código dentro dela.

Quando você vê essa sintaxe, função(), sem nome, ele é chamado de função anônima. Para a maior parte, você não precisa saber muito sobre funções anônimas até chegar muito mais profundo na programação javascript. Para o que você está fazendo aqui, só sei que esta é a sintaxe típico que você usa quando você usar jQuery.

Dentro da função será apresentado um alerta. Nenhuma surpresa aqui - é o padrão alerta() função que tenho usado ao longo do livro. Mas o que está acontecendo aqui é importante: Você está usando jQuery juntamente com javascript dentro do mesmo script.