document.getElementById vs jQuery $（）

Question

document.getElementById vs jQuery $（）这是：var contents = document.getElementById('contents');与此相同：var contents = $('#contents');鉴于jQuery已加载？

Answer 1

不完全是！！

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

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

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

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

Answer 2

没有。

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

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

因此，你只能调用jQuery方法一样css()或animate()在$()通话。

你也可以写$(document.getElementById('id'))，这将返回一个jQuery对象，相当于$('#id')。

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

Answer 3

关闭，但不一样。他们获得相同的元素，但jQuery版本包含在jQuery对象中。

相当于此

var contents = $('#contents').get(0);

或这个

var contents = $('#contents')[0];

这些将把元素从jQuery对象中拉出来。