Método ready() do jQuery Evento

Manual de Referência de Eventos jQuery

Exemplo

Ativar a função após o carregamento do documento:

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").slideToggle();
  });
});

Experimente você mesmo

Definição e Uso

O evento ready ocorre quando o DOM (Modelo de Objetos do Documento) já foi carregado e a página (inclusive as imagens) já foi completamente apresentada.

Como o evento ocorre após o documento estar pronto, é uma boa prática colocar todos os outros eventos e funções do jQuery dentro desse evento. Como no exemplo acima.

A função ready() especifica o código a ser executado quando o evento ready ocorrer.

A função ready() pode ser usada apenas no documento atual, portanto, não é necessário usar um seletor.

Permite usar as seguintes três sintaxes:

Sintaxe 1

$(document).ready(function)

Sintaxe 2

$().ready(function)

Sintaxe 3

$(function)
Parâmetros Descrição
function Obrigatório. Especifica a função a ser executada após o carregamento do documento.

Dicas e Observações

Dica:A função ready() não deve ser usada juntamente com <body onload="">.

Manual de Referência de Eventos jQuery