Quelle est la différence entre le document de sélecteur et de la fenêtre de sélecteur?

J'ai le texte suivant JQuery fonction qui prend en entrée de l'utilisateur et l'affiche sur l'écran. Lorsque je sélectionne pour les deux $(document) et $(window) la fonction des œuvres. Quel est l'inconvénient à l'utilisation de sélecteur? Où puis-je lire plus sur ces sélecteurs et leurs différences?

Vous en remercie d'avance. 

  $(document).keypress(function(e) {
      if(e.keyCode == 13) {
          var id = $("input#example").val()
          console.log(id);
          $('#data').append(id);
      }
  });
InformationsquelleAutor JZ. | 2011-05-26
  1. 12

    Tout en utilisant le window ou document objet dans un jQuery dom sélecteur, la plupart du temps, vous ne remarquerez pas la différence entre les deux.

    Cependant, il est important de noter qu'ils ne sont pas le même objet.

    window - se réfère à la fenêtre d'affichage. Il est utilisé comme le principal objet en JavaScript.

    document - un descendant direct de window; se réfère à la la racine de l'arborescence du document.

    Tous les éléments du DOM sont un descendant de la document, qui est un descendant direct de window.

    • Où puis-je lire cette explication?
    • Sans blague, avez-vous des références?
    • Ce n'est pas la même. $(window) se réfère à la fenêtre d'affichage et $(document) à l'ensemble du site. Par exemple, $(window).hauteur() et $(document).hauteur() va souvent revenir à des résultats différents.
    • Un bon exemple est le natif de resize événement, que vous pouvez trouver sur le window objet.
    InformationsquelleAutor Shaz
  2. 21

    $(window) le sélecteur pour sélectionner la fenêtre d'affichage

    $(document) sélecteur est pour l'ensemble du document (qui est, ce qui est à l'intérieur de la <html> marque, même si elle exapnds au-delà de la fenêtre d'affichage).

    • D'accord. L'OMI dans ce cas, il est plus logique d'utiliser $(window) au lieu de $(document) comme une pression de touche ne peut techniquement se produire en dehors de la fenêtre.
    • Que faire si le site web utilise des cadres?
    • en toute honnêteté je n'ai pas utilisé des images depuis l'an 2000 ou peut-être avant que, avant d'jQuery a été inventé, Mais si je spécule, je dirais que c'est la même chose, la fenêtre d'affichage framee du document en contraste à l'ensemble du document.
    InformationsquelleAutor Itai Sagi
  3. 1

    Pour répondre à cette question, permettez-moi de commencer avec la définition de la DOM, ce que nous appelons communément connu comme "document".

    Le Modèle d'Objet de Document (DOM) est une interface de programmation d'application (API) pour le code HTML valide et bien formé de documents XML. Il définit la structure logique des documents et la façon dont un document est accessible et manipulé. Dans les DOM, la spécification, le terme "document" est utilisé au sens large.

    Maintenant, laissez-moi vous expliquer un peu ce que j'ai trouvé sur browsing contexts, comme c'est la relation qu'un Document et un Window normalement—mais il est important de mentionner qu'une Document peut exister sans un browsing context, mais vous ne devriez jamais voir qu'avec jquery.

    Un utilisateur interagit avec l'écran principal de l' Document. Une vue est définie comme le média qui est utilisé pour présenter les Document à l'agent de l'utilisateur—par exemple, l'écran, l'imprimer, de la parole. La vue principale est la vue par défaut et est représentée par une AbstractView objet qui implémente l' Window interface.

    Et de le mettre vraiment simple, window est le conteneur et document est le contenu. Mais je ne le recommande à au moins feuilleter la documentation de ce pour avoir une meilleure compréhension.

    Sources:

    InformationsquelleAutor Edd