Fórum Qual a diferença entre $(window) e $(document)? #590800

24/01/2018

jQuery

Alguém sabe me dizer qual a diferença desses dois comandos no jQuery?

Caio Neves

Curtir tópico

+ 0

Responder

Post mais votado

24/01/2018

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.

$(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.

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

Juliano

Responder

Gostei + 1