Um problema comum quando 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 web. O problema surge quando você tentar acessar algo na página antes que o navegador tem que carregado. jQuery oferece maneiras de contornar isso.

Video: What is $document ready function in jquery

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.

Video: JQuery tutorial 3 - document ready

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

Isto inclui jQuery CDN da Microsoft na página.

A próxima área de interesse está dentro da , especificamente, o

Este código chama o jQuery pronto() função, parte do objeto documento. Observe a sintaxe especial com o cifrão 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.

Video: jQuery Tutorial - 6 - Document Ready Event

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, onde está o nome da função? Para a maioria dos usos do jQuery, você verá 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ípica que você usa quando você usar jQuery.

Dentro da função é 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.