jQuery的$(‘#id’)与document.getElementByID('id')的区别

用jQuery选择的包装集返回的是jQuery对象，用document.getElementByID返回的是DOM对象。

jQuery对象 --> DOM对象

/*
  Convert a jQuery object to a DOM object.
*/
var jquery = $('#id');
alert(jquery.html());
var dom = jquery[0];
// or var dom = jquery.get(0);
alert(dom.innerHTML);

DOM对象 --> jQuery对象

/*
  Convert a DOM object to a jQuery object.
*/
var dom = document.getElementByID('id');
alert(dom.innerHTML);
var jquery = $(dom);
alert(jquery.html());

遍历jQuery集合中的所有DOM对象：

$('div').each(function () {
  alert($(this).get(0).innerHTML);
});