getElementById和jquery $（’#smth’）之间的差异

经典Javascript代码之间有什么区别：

document.getElementById('theID') 

和jQuery版本：

 $('#theID') 

Answer 1

document.getElementById返回一个DOM对象。 这是浏览器本地思考页面中元素的方式。 它有各种方法和属性。 使用它们可能有点笨拙。

jQuery对象（由$ method创建）是一个围绕DOM元素或一组DOM元素的包装器。 普通的属性和方法不可用; 您可以选择不同的方法，使DOM操作过程更加直观。

通过选择中的多个元素可以看出差异更明显（例如，您可以使用类选择器$('.someClass') ，但jQuery选择的方法与本机DOM元素上的方法不同。他们指出同样的事情，但他们是不同的思考方式和处理它。

---

最后，您可以使用get方法（编辑：或替代的类似数组的语法）将jQuery选择转换为其本机DOM元素。 所以

 document.getElementById('theID') 

与…完全相同

 $('#theID').get(0) // or $('#theId')[0] 

但请注意，您应该使用第一个，因为它具有更好的性能。 如果您需要它提供的额外function，请仅使用jQuery。

Answer 2

在你的第二个项目中，你可能没有在顶部包含jQuery文件。

Answer 3

一定要包括

在你的

如果你不加载jQuery那么就不能使用$因为jQuery是一个外部库而不是JavaScript的一部分。

Answer 4

不完全：如果页面上不存在具有该id的元素$（“＃id”）将不起作用并且脚本将停止document.getElementById（“id”）将返回null

Answer 5

没有区别，您只需要在项目中安装和引用jQuery库。