Qual a diferença entre $(window) e $(document)?
Alguém sabe me dizer qual a diferença desses dois comandos no jQuery?
Caio Neves
Curtidas 0
Melhor post
Juliano
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.
$(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.
$(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
};
GOSTEI 1