No.

调用document.getElementById('id')将返回一个原始DOM对象。

调用$('#id')将返回一个jQuery对象，该对象包装DOM对象并提供jQuery方法。

因此，只能在$()调用中调用css()或animate()等jQuery方法。

你也可以写$(document.getElementById('id'))，它将返回一个jQuery对象，等价于$('#id')。

你可以通过编写$('#id')[0]从jQuery对象中获得底层DOM对象。

Just like most people have said, the main difference is the fact that it is wrapped in a jQuery object with the jQuery call vs the raw DOM object using straight JavaScript. The jQuery object will be able to do other jQuery functions with it of course but, if you just need to do simple DOM manipulation like basic styling or basic event handling, the straight JavaScript method is always a tad bit faster than jQuery since you don't have to load in an external library of code built on JavaScript. It saves an extra step.

不。第一个返回一个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版本被包装在jQuery对象中。

等价的是这个

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

或者这个

var contents = $('#contents')[0];

这将把元素从jQuery对象中拉出来。

不，实际上结果是一样的:

$('#contents')[0] 

jQuery不知道该查询将返回多少结果。返回的是一个特殊的jQuery对象，它是与查询匹配的所有控件的集合。

jQuery如此方便的部分原因是，在这个对象上调用的大多数方法看起来是针对一个控件的，实际上是在一个循环中调用集合中的所有成员

当您使用[0]语法时，您从内部集合中获取第一个元素。此时，您将得到一个DOM对象

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

document.getElementById ()

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

Jquery(美元)

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