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 Objectvar 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对象中拉出来。