文档选择器和窗口选择器有什么区别？

编程问答 2022-04-26

问题描述

| 我有以下JQuery函数，它接受用户输入并将其显示在屏幕上。当我同时选择“ 0”和“ 1”时，该功能起作用。使用任何一个选择器的缺点是什么？在哪里可以阅读有关这些选择器及其差异的更多信息？ 先感谢您。 
  $(document).keypress(function(e) {
      if(e.keyCode == 13) {
          var id = $(\"input#example\").val()
          console.log(id);
          $(\'#data\').append(id);
      }
  });
    

解决方法

在jQuery dom选择器中使用
window
或
document
对象时，大多数时候您不会注意到两者之间的差异。 但是，请务必注意它们不是同一对象。 
window
-指视口。它用作JavaScript中的主要全局对象。 
document
-
window
的直接后代；指文档树的根。 所有DOM元素都是
document
的后代，which4ѭ是
window
的直接后代。     ,
$(window)
选择器用于选择视口 
$(document)
选择器适用于整个文档（即
<html>
标记内的内容，即使它超出视口）。     ,为了回答这个问题，让我从DOM的定义开始，即我们通常所说的\“
document
\”。   文档对象模型（DOM）是有效HTML和格式正确的XML文档的应用程序编程接口（API）。它定义了文档的逻辑结构以及“ 4”的访问和操纵方式。在DOM规范中，广义上使用术语“文档”。 现在，让我解释一下我发现的关于
browsing context
的一些信息，因为这通常是
Document
和
Window
的关系。尽管很重要的一点是，如果没有
browsing context
可能会存在
Document
，但是使用jquery绝对不应该看到它。 。 用户与“ 16”的主视图进行交互。视图定义为用于向用户代理呈现“ 16”的媒体。屏幕，打印，语音。主视图是默认视图，由实现
Window
接口的
AbstractView
对象表示。 简而言之，容器是3，内容是4。但是我建议至少浏览一下该文档以更好地理解。 资料来源： W3C-什么是 DOM， W3C-浏览 语境     
区别区别文档文档窗口窗口选择器选择器