文档选择器和窗口选择器之间有什么区别?

JZ.*_*JZ. 23 jquery document window jquery-selectors

我有以下JQuery函数,它接受用户输入并在屏幕上显示它.当我选择两者$(document)并且$(window)该功能有效.使用任一选择器有什么缺点?我在哪里可以阅读有关这些选择器及其差异的更多信息?

先感谢您.

  $(document).keypress(function(e) {
      if(e.keyCode == 13) {
          var id = $("input#example").val()
          console.log(id);
          $('#data').append(id);
      }
  });
Run Code Online (Sandbox Code Playgroud)

Ita*_*agi 22

$(window) selector用于选择视口

$(document)selector用于整个文档(即<html>标记内部的内容,即使它超出视口范围).


Sha*_*haz 12

jQuery dom选择器中使用windowor document对象时,大多数时候你都不会注意到两者之间的区别.

但是,重要的是要注意它们不是同一个对象.

window - 指视口.它被用作JavaScript中的主要全局对象.
document- 直系后裔window; 指文档树.

所有DOM元素都是它的后代document,它是它的直接后代window.

  • 这是不一样的.$(窗口)是指整个站点的视口和$(文档).例如,$(window).height()和$(document).height()通常会返回不同的结果. (7认同)
  • 别开玩笑了,有参考资料吗? (2认同)