getElementById与jquery $('#smth')之间的差异

问题描述 投票:24回答:6

[经典JavaScript代码之间有什么区别:

document.getElementById('theID')

和jQuery版本:

$('#theID')
javascript jquery getelementbyid
6个回答
55
投票

document.getElementById返回DOM对象。这是浏览器考虑页面元素的本机方式。它具有各种方法和属性。这些可能有点笨拙。

jQuery对象(由$方法创建)是DOM元素或一组DOM元素的包装。常规属性和方法不可用;您可以选择不同的方法,这些方法可以使DOM操作的过程更加直观。

这种区别在选择中包含多个元素时更为明显(例如,您将通过类选择器$('.someClass')获得,但是jQuery选择上的方法与本机DOM元素上的方法不同。它们指向相同的事物,但是它们是思考和处理它的不同方式。


最后,您可以使用get方法(编辑:或类似数组的语法)将jQuery选择转换为其原生DOM元素。所以

get

与]完全相同>

document.getElementById('theID')

但是请注意,您应该使用第一个,因为它的性能要好得多。仅在需要jQuery提供的其他功能时才使用jQuery。


0
投票

在第二个项目中,您可能没有在顶部包含jQuery文件。


0
投票

请确保包括


0
投票

不完全是:如果页面上不存在具有该ID的元素$(“#id”)将不起作用,脚本将停止document.getElementById(“ id”)将返回null


0
投票

这两者之间存在以下差异。


-4
投票

没什么区别,您只需要在项目中安装并引用jQuery库。

© www.soinside.com 2019 - 2024. All rights reserved.