5

Existe alguma diferença entre usar o $(window) e $(document)?

Porque pelo que eu encontrei eles fazem a mesma coisa....

E essa inicialização:

$(window).on('ready load resize', function(){

Funcionaria se fosse assim?

$(document).on('ready load resize', function(){

1 Resposta 1

10

$(window)

O objeto $(window) se refere à janela, viewport do navegador que está executando o site. Com ele é possível capturar as dimensões da janela, o quanto o usuário usou o scroll, etc. Com esse objeto, você pode executar código quando toda a página estiver carregada, incluindo imagens, scripts, estilos e afins. Ou seja, o código só será executado quando tudo estiver concluído. Exemplo:

$(window).load(function() {
  alert("Página carregada!"); // Esse alert só irá aparecer quando a página estiver completamente carregada
});

$(document)

Diferente do $(window), o objeto $(document) tem referência ao documento como um todo. Esse documento a qual me refiro é o DOM, todos os elementos da página (código HTML). Esse é o mais utilizado, pois o script rodará imediatamente após os elementos carregarem, independente das imagens e estilos. Exemplo:

$(document).ready(function() {
  alert("DOM carregado!"); // Esse alert irá aparecer imediatamente após o DOM ser carregado
};

O código acima também pode ser escrito dessas outras formas:

$(function() {
  alert("DOM carregado!"); // Esse alert irá aparecer imediatamente após o DOM ser carregado
});

jQuery(document).ready(function() {
  alert("DOM carregado!"); // Esse alert irá aparecer imediatamente após o DOM ser carregado
});

$(document).on('ready', function() {
  alert("DOM carregado!"); // Esse alert irá aparecer imediatamente após o DOM ser carregado
});

Referências

Páginas muito interessantes para você ler:

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .