Une brève analyse de la différence entre les compétences jquery $(document).ready() et window.onload_javascript

La fonction de $(document).ready() dans Jquery est similaire à la méthode window.onload en JavaScript traditionnel, mais elle est toujours différente de la méthode window.onload.

1. Temps d'exécution
​ ​ ​ window.onload doit attendre que tous les éléments de la page, y compris les images, soient chargés avant de pouvoir être exécuté.
​​​​ $(document).ready() est exécuté une fois la structure DOM dessinée, sans avoir à attendre son chargement.
2. Le nombre d'écrits est différent
​​​​​Vous ne pouvez pas écrire plusieurs méthodes window.onload en même temps. S'il existe plusieurs méthodes window.onload, une seule sera exécutée
.             $(document).ready() peut être écrit plusieurs fois en même temps, et tous peuvent être exécutés
3. Écriture simplifiée
            window.onload n'a pas de méthode d'écriture simplifiée
            $(document).ready(function(){}) peut être abrégé en $(function(){});

Dans mon développement précédent, j'utilisais habituellement JavaScript, et j'ai toujours utilisé le mode jquery C'est-à-dire que la plupart du temps, la première ligne est :
.

Copier le code Le code est le suivant :

$(document).ready(function(){
…
});

À l'heure actuelle, vous n'avez pas besoin d'attendre que tous les js et images soient chargés avant de pouvoir exécuter certaines méthodes, mais parfois, vous devez attendre que tous

Lorsque tous les éléments sont chargés, certaines méthodes peuvent être exécutées. Par exemple, certaines images ou d'autres aspects n'ont pas encore été chargés, cliquer sur certains boutons entraînera des situations inattendues.

Besoin d'utiliser :

Copier le code Le code est le suivant :

$(window).load(function() {
…
});

Résumé et comparaison :