document.getElementById vs jQuery $（）

javascript jquery jquery-selectors

2022-08-29 22:36:02

是这样的：

var contents = document.getElementById('contents');

与此相同：

var contents = $('#contents');

鉴于jQuery已加载？

答案 1

不完全是！！

document.getElementById('contents'); //returns a HTML DOM Object

var contents = $('#contents');  //returns a jQuery Object

在 jQuery 中，要获得与相同的结果，可以访问 jQuery 对象并获取对象中的第一个元素（请记住，JavaScript 对象的行为类似于关联数组）。document.getElementById

var contents = $('#contents')[0]; //returns a HTML DOM Object

答案 2

不。

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

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

因此，您只能像调用或调用时调用jQuery方法。css()animate()$()

您也可以编写，它将返回一个 jQuery 对象，并且等效于。$(document.getElementById('id'))$('#id')

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