Différence entre les fonctions $(window).load() et $(document).ready()

Question

Quelle est la différence entre $(window).load(function() {}) y $(document).ready(function() {}) dans jQuery ?

Answer 1

$(window).load est un événement qui se déclenche lorsque le DOM et tout le contenu (tout) de la page sont entièrement chargés, comme les CSS, les images et les cadres. Le meilleur exemple est lorsque nous voulons obtenir la taille réelle d'une image ou les détails d'un élément quelconque.

$(document).ready() indique que le code qu'il contient doit être exécuté une fois que le DOM est chargé et prêt à être manipulé par script. Il n'attendra pas que les images soient chargées pour exécuter le script de jQuery.

<script type = "text/javascript">
    //$(window).load was deprecated in 1.8, and removed in jquery 3.0
    // $(window).load(function() {
    //     alert("$(window).load fired");
    // });

    $(document).ready(function() {
        alert("$(document).ready fired");
    });
</script>

$(window).load déclenché après le $(document).ready().

$(window).load a été déprécié dans la version 1.8, et supprimé dans jquery 3.0