首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >getElementById和jquery $('#smth')之间的差异

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

Stack Overflow用户
提问于 2011-05-24 06:30:23
回答 4查看 19.2K关注 0票数 29

经典的Javascript代码有什么不同:

代码语言:javascript
复制
document.getElementById('theID')

和jQuery版本:

代码语言:javascript
复制
$('#theID')
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-05-24 06:36:18

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

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

对于选择中的多个元素,区别更加明显(例如,对于类选择器$('.someClass'),您会得到这样的区别,但是jQuery选择上的方法与原生DOM元素上的方法不同。它们指向相同的东西,但它们是不同的思考和处理它的方式。

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

代码语言:javascript
复制
document.getElementById('theID')

完全相同于

代码语言:javascript
复制
$('#theID').get(0) // or $('#theId')[0]

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

票数 63
EN

Stack Overflow用户

发布于 2011-05-24 06:31:56

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

票数 0
EN

Stack Overflow用户

发布于 2011-05-24 06:36:31

请确保包含

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

在你的<head>

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6103766

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档