Question

jQuery中，$('#main') 与 document.getElementById('main')是什么样的关系？

Answer 1

$('#main')[0]和document.getElementById('main')两个一模一样。
解释：
$('#main')：是一个jquery写法,#main是一个过滤器表示方法，表示查找一个id是main的节点，返回的是一个数组对象，数组的[0]表示dom节点。
document.getElementById('main')：表示从document中查找一个id是main的dom节点。

Answer 2

$('#main') ==document.getElementById('main') 都是通过元素的id得到对象 不过 一看就明白 $('#main') 更加简单 而且Jquery 本身就是一个javascript库 封装了很多方法 调用更加方便罢了 jquery的所有功能 javascript 都能够实现 不过看你舍不舍得写代码咯。

Answer 3

document.getElementById()只能操作有id的dom节点。
而$不仅封装了document.getElementById()这个功能，还封装了根据任意属性，class来获取dom节点的功能，当然了，在获取元素方面，仅通过id，$是很慢的。

Answer 4

如果仅从定位到main元素的角度来看的话,两都是一样的.
getElementById是JS的根据ID来定位到元素上.
juqery封装了此方法,并且加了绑定了额外的动作.

Answer 5

$('#main') 返回的应该是一个集合，document.getElementById('main') 返回的就是一个dom对象吧。