document.getElementById vs jQuery $（）
这是：
var contents = document.getElementById('contents');
与此相同：
var contents = $('#contents');
鉴于jQuery加载？
不完全是！！
document.getElementById('contents'); //returns a HTML DOM Object
var contents = $('#contents'); //returns a jQuery Object
在jQuery中，为了得到与document.getElementById相同的结果，可以访问jQuery对象并获取对象中的第一个元素（记住JavaScript对象的作用类似于关联数组）。
var contents = $('#contents')[0]; //returns a HTML DOM Object
没有。
调用document.getElementById('id')将返回一个原始DOM对象。
调用$('#id')将返回一个包装DOM对象并提供jQuery方法的jQuery对象。
因此，您只能在$()调用中调用jss方法，如css()或animate() 。
你也可以编写$(document.getElementById('id')) ，它将返回一个jQuery对象，相当于$('#id') 。
您可以通过编写$('#id')[0]从jQuery对象中获取底层DOM对象。
关闭，但不一样。 他们获得了相同的元素，但jQuery版本被包装在一个jQuery对象中。
相当于这个
var contents = $('#contents').get(0);
或这个
var contents = $('#contents')[0];
这些将把元素从jQuery对象中取出。
链接地址: http://www.djcxy.com/p/15459.html