jQuery - quelles sont les différences entre $(document) .ready et .load $(fenêtre) ?

Question

Quelles sont les différences

et

---

Et je tiens à vous assurer que :

et

et

sont les mêmes.

Pouvez-vous me dire quelles différences et similitudes entre elles ?

Answer 1

<pre><code></code><p>Tous ces quatre ont les mêmes fonctionnalités</p><pre><code></code></pre></pre>

Answer 2

document.ready est un événement jQuery, il fonctionne lorsque le DOM est prêt, par exemple, tous les éléments sont là pour être trouvé/utilisé, mais pas nécessairement tout le contenu.
window.onload des incendies par la suite (ou en même temps, dans le pire des/à défaut des cas) lorsque les images sont chargées. Donc, si vous êtes en utilisant les dimensions de l'image par exemple, vous voulez utiliser ce lieu.

Lire aussi une question connexe:
différence entre $(window).load(function () {$(document).ready(function() {

Answer 3

À partir de l' API jQuery Document

Alors que JavaScript permet l' load événement pour l'exécution de code lorsqu'un la page est rendue, cet événement ne se déclencher jusqu'à ce que tous les actifs tels que des images ont été entièrement reçu. Dans la plupart des cas, la le script peut être exécuté dès que le DOM de la hiérarchie a été entièrement construite. Le gestionnaire passé de .ready() est garanti pour être exécuté après le DOM est prêt, donc c'est généralement le meilleur endroit pour joindre tous les autres gestionnaires d'événements et d'exécuter d'autres jQuery. Lors de l'utilisation de les scripts qui reposent sur la valeur des propriétés de style CSS, il est important pour faire référence à des feuilles de style externes ou d'intégrer des éléments de style avant référencement sur les scripts.

Dans les cas où le code se fonde sur chargé de l'actif (par exemple, si l' les dimensions de l'image sont nécessaires), le code doit être placé dans un gestionnaire pour l' load événement à la place.

---

Réponse à la deuxième question -

Non, ils sont identiques, aussi longtemps que vous n'êtes pas à l'aide de jQuery en aucun conflit mode.

Answer 4

Cette fonction trois sont les mêmes.

et

et

ici $ est utilisé pour définir le jQuery comme $ = jQuery.

Maintenant la différence est que

$(document) .ready est jQuery événement qui est déclenché lorsque le DOM est chargé, donc il est déclenché lorsque la structure du document est prête.

$(fenêtre) .load événement est déclenché une fois que tout le contenu est chargé comme page contiennent des images, css etc..