Método jQuery ready()

Evento do jQuery

O método ready() especifica a função a ser executada quando o DOM estiver completamente carregado.

A prática correta é esperar que o documento esteja completamente carregado e pronto antes de usá-lo.

Se o método for executado antes de que o documento esteja completamente carregado, aqui estão alguns exemplos de operações que falharam:

• Tente selecionar um elemento ainda não criado

• Tente obter o tamanho de uma imagem ainda não carregada

Sintaxe:

O método ready() geralmente é usado com uma função anônima:

$("document").ready(function(){
　　//　Processador chamado por ready()
　　});

O jQuery tem um método ainda mais curto para lidar com o evento de documento pronto:

$(function(){
　　//　Processador chamado por ready()
　　});

Exemplo

Exibir uma mensagem ao carregar o DOM:

$("document").ready(function(){
　　$("p").text("Agora o DOM foi carregado, pode ser manipulado.");
});

Use uma sintaxe mais curta para exibir uma mensagem ao carregar o DOM:

$(function(){
　　$("p").text("Agora o DOM foi carregado, pode ser manipulado.");
});

Use ready() para tornar a função disponível após a carga do documento:

$("document").ready(function(){
　　$("button").click(function(){
　　　　$("div").slideToggle();
　　});
});

Valor do Parâmetro

Evento do jQuery