Tengo el siguiente JQuery función que toma la entrada del usuario y la muestra en pantalla. Cuando seleccione para ambos $(document) y $(window) la función de las obras. ¿Cuál es la desventaja de usar cualquiera de selección? ¿Dónde puedo leer más sobre estos selectores y sus diferencias?

Gracias de antemano.

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

3 Comentarios

  1. 12

    Mientras que el uso de la window o document objeto en un jQuery selector de dom, la mayoría de las veces no se nota una diferencia entre los dos.

    Sin embargo, es importante tener en cuenta que ellos no son el mismo objeto.

    window – se refiere a la ventanilla. Se utiliza como el principal objeto global en JavaScript.

    document , un descendiente directo de window; se refiere a la la raíz del árbol del documento.

    Todos los elementos del DOM es un descendiente de la document, que es un descendiente directo de window.

    • Donde puedo leer esta explicación?
    • No es broma, tienen alguna referencia?
    • No es lo mismo. $(window) se refiere a la ventanilla y $(document) a todo el sitio. Por ejemplo, $(window).altura() y $(document).la altura (a) a menudo produce resultados diferentes.
    • Un buen ejemplo es el nativo resize evento, que sólo se puede encontrar en la window objeto.
  2. 21

    $(window) selector para seleccionar el área de visualización

    $(document) selector es para todo el documento (es decir, lo que está dentro de la <html> etiqueta, incluso si exapnds más allá de la ventanilla).

    • De acuerdo. La OMI en este caso es más lógico utilizar $(window) en lugar de $(document) como una pulsación de tecla técnicamente no puede suceder fuera de la ventanilla.
    • ¿Qué pasa si el sitio web utiliza marcos?
    • con toda honestidad, no he utilizado marcos desde el año 2000, o tal vez antes de que, mucho antes de jQuery se ha inventado, Pero si tuviera que especular, yo diría que es el mismo, el área de visualización framee del documento en contraste a la totalidad del documento.
  3. 1

    Para responder a esta pregunta, permítanme comenzar con la definición de la DOM, lo que comúnmente se conoce como «document«.

    El Modelo de Objetos de Documento (DOM) es una interfaz de programación de aplicaciones (API) para la válida HTML y XML bien formado documentos. Se define la estructura lógica de los documentos y la forma en que un document es acceder y manipular. En la especificación del DOM, el término «documento» se utiliza en sentido amplio.

    Ahora permítanme explicarles un poco de lo que he encontrado acerca de browsing contexts, como que es la relación de una Document y un Window normalmente—aunque es importante mencionar que un Document puede existir sin un browsing context, pero nunca se debe ver que con jquery.

    Un usuario interactúa con la vista principal de la Document. Una vista se define como los medios de comunicación que se utiliza para presentar la Document para el agente de usuario—por ejemplo, la pantalla, la impresión, el habla. La principal es la vista predeterminada y es representado por un AbstractView objeto que implementa la Window interfaz.

    Y poner realmente simple, window es el contenedor y document es el contenido. Pero yo recomiendo al menos descremada a través de la documentación de este para tener un mejor entendimiento.

    Fuentes:

Dejar respuesta

Please enter your comment!
Please enter your name here