JavaScript: 'Document' 和 'HTML' 有什么区别

Question

例子:

$(document).click(function() { blah });   
// and
$('html').click(function() { blah });

Answer 1

我会分几个部分来回答这个问题。

在 JavaScript(不仅仅是 jQuery，而是所有 JavaScript)中，document 关键字是包含 HTMLDocument 的对象的句柄。您可能会在以下情况下使用此句柄...

// Get the current web address
alert(document.location.href);

当您将文档传递给 jQuery 时，它会将文档解析为 jQuery 对象。

当您将“html”选择器传递给 jQuery 时，它会使用此字符串在文档对象模型中查找与该选择器匹配的任何元素(在所有情况下，都会有一个 html 元素)。

实际上，您不会注意到它们之间的行为差​​异:

$(document).click(function() { alert('blah'); });   
$('html').click(function() { alert('blah'); });
$('body').click(function() { alert('blah'); });

但技术上的区别在于文档是一个对象，而“html”是一个用于搜索元素的字符串。对象和任何匹配元素都被转换为 jQuery 对象。

因为它们都将点击事件处理程序添加到页面的“可见”部分，这是页面中用户可以实际点击的唯一部分。