Diferença entre window.load e document.ready
Olá, o jQuery prove três métodos para trabalhar com o carregamento da página. São eles:
Hoje irei explicar qual a diferença entre o $(window).load() e o $(document).ready().
Essa diferença é bem simples. O mais conhecido $(document).ready() é utilizado para verificarmos se o DOM esta completamente carregado, caso ele esteja, podemos trabalhar tranquilamente com seus elementos, nesse caso, uma imagem não precisa estar completamente carregada, apenas precisamos ter o elemento da imagem no DOM.
Já o $(window).load() é utilizado quando precisamos que TODOS os elementos estejam carregados, ou seja, ele vai esperar todas as imagens, css, javascript e elementos externos estarem carregados para ser executado.
Qual utilizar?
Vai depender apenas da sua necessidade, no próximo post, eu irei dar um exemplo de uso do $(window).load().
Demo
Veja aqui um exemplo da diferença entre window.load e document.ready.(existe diferenças de comportamento entre navegadores, essa diferença é notada entre o comportamento do Firefox e do Chrome).
document, jquery, load, ready, window
interessante, não sabia disso,
obrigado
Boa informação. Também não sabia disso.
Oi, isso é válido somente para o $(window)? E se eu quiser com $(‘img’)…. ou qualquer outro objeto. É válido?
O
loadnão é válido nesse caso.E caso eu queira fazer que seja executado o callback só quando o objeto for carregado 100%? Por exemplo, uma imagem qualquer, que seja exibida só quando for carregada completamente. Como é feito? Obrigado.
Um exemplo: http://jsbin.com/eduxoz/5.
É com o load, mas de forma diferente do exemplo dado nesse post.