javascript - getElementById 和 jquery 之间的区别 $('#smth' )

Question

经典 Javascript 代码有什么区别:

document.getElementById('theID')

和 jQuery 版本:

$('#theID')

Answer 1

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

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

选择中的多个元素的区别更加明显(例如，使用类选择器 $('.someClass') 得到的结果，但是 jQuery 选择的方法是与原生 DOM 元素上的不同。它们指向同一件事，但思考和处理它的方式不同。

<小时/>

最后一点，您可以使用 get 将 jQuery 选择转换为其 native DOM 元素。方法(编辑:或替代的类似数组的语法)。所以

document.getElementById('theID')

与

完全相同

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

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