这是：
var contents = document.getElementById('contents');
与此相同：
var contents = $('#contents');
鉴于jQuery已加载？
document.getElementById与jQuery $（）
我开发了一个noSQL数据库，用于在Web浏览器中存储DOM树，其中将对页面上所有DOM元素的引用存储在短索引中。因此，不需要函数“ getElementById（）”来获取/修改元素。当在页面上实例化DOM树中的元素时，数据库将为每个元素分配代理主键。这是一个免费工具http://js2dx.com
jQuery是基于JavaScript构建的。这意味着无论如何它只是JavaScript。
document.getElementById（）
document.getElementById（）方法返回具有具有指定值的ID属性的元素，如果不存在具有指定ID的元素，则返回null。一个ID在页面内应唯一。
jQuery $（）
以id选择器作为参数调用jQuery（）或$（）将返回一个jQuery对象，该对象包含一个零或一个DOM元素的集合。每个id值在文档中只能使用一次。如果为多个元素分配了相同的ID，则使用该ID的查询将仅选择DOM中的第一个匹配元素。
就像大多数人说的那样，主要区别在于以下事实：使用直接调用JavaScript将其包装在带有jQuery调用的jQuery对象中，而不是使用原始DOM对象。jQuery对象当然可以使用它执行其他jQuery功能，但是，如果您只需要执行简单的DOM操作（如基本样式或基本事件处理），那么直接的JavaScript方法总是比jQuery快一点，因为您不需要不必加载基于JavaScript的外部代码库。它节省了额外的步骤。