jQuery是基于JavaScript构建的。这意味着它只是javascript。

document.getElementById ()

getelementbyid()方法返回具有指定值的ID属性的元素，如果不存在具有指定ID的元素则返回null。一个ID在一个页面中应该是唯一的。

Jquery(美元)

以id选择器作为参数调用jQuery()或$()将返回一个包含0个或1个DOM元素的集合的jQuery对象。每个id值在文档中只能使用一次。如果多个元素被分配了相同的ID，使用该ID的查询将只选择DOM中第一个匹配的元素。

不完全是! !

document.getElementById('contents'); //returns a HTML DOM Object

var contents = $('#contents');  //returns a jQuery Object

在jQuery中，获得与document相同的结果。getElementById，您可以访问jQuery对象并获得对象中的第一个元素(记住JavaScript对象的行为类似于关联数组)。

var contents = $('#contents')[0]; //returns a HTML DOM Object

不。第一个返回一个DOM元素或null，而第二个总是返回一个jQuery对象。如果没有匹配到id为contents的元素，jQuery对象将为空。

document.getElementById('contents')返回的DOM元素允许你做一些事情，比如改变. innerhtml(或.value)等，但是你需要在jQuery对象上使用jQuery方法。

var contents = $('#contents').get(0);

是更等价的，但是如果没有与内容id匹配的元素，document.getElementById('contents')将返回null，但$('#contents').get(0)将返回undefined。

使用jQuery对象的一个好处是，如果没有返回任何元素，也不会得到任何错误，因为对象总是返回的。但是，如果试图对document.getElementById返回的空值执行操作，将会得到错误

jQuery是基于JavaScript构建的。这意味着它只是javascript。

document.getElementById ()

getelementbyid()方法返回具有指定值的ID属性的元素，如果不存在具有指定ID的元素则返回null。一个ID在一个页面中应该是唯一的。

Jquery(美元)

以id选择器作为参数调用jQuery()或$()将返回一个包含0个或1个DOM元素的集合的jQuery对象。每个id值在文档中只能使用一次。如果多个元素被分配了相同的ID，使用该ID的查询将只选择DOM中第一个匹配的元素。

var contents = document.getElementById('contents');

Var contents = $('#contents');

代码片段是不一样的。第一个返回一个Element对象(source)。 第二个是jQuery等效函数，返回一个包含0个或1个DOM元素的集合的jQuery对象。(jQuery文档)。jQuery内部使用document.getElementById()来提高效率。

在这两种情况下，如果找到多个元素，则只返回第一个元素。

当检查github项目的jQuery时，我发现下面的行片段似乎正在使用文档。getElementById代码(https://github.com/jquery/jquery/blob/master/src/core/init.js第68行起)

// HANDLE: $(#id)
} else {
    elem = document.getElementById( match[2] );

以上所有答案都是正确的。如果你想看到它的运行，不要忘记你在浏览器中有控制台，在那里你可以清楚地看到实际的结果:

我有一个HTML:

<div id="contents"></div>

转到控制台(cntrl+shift+c)，使用这些命令可以清楚地看到结果

document.getElementById('contents')
>>> div#contents

$('#contents')
>>> [div#contents,
 context: document,
 selector: "#contents",
 jquery: "1.10.1",
 constructor: function,
 init: function …]

正如我们所看到的，在第一种情况下，我们得到了标签本身(也就是说，严格地说，一个HTMLDivElement对象)。在后者中，我们实际上没有一个普通对象，而是一个对象数组。正如上面其他答案所提到的，你可以使用以下命令:

$('#contents')[0]
>>> div#contents