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

时间：2014-11-17 17:08:53 收藏：0 阅读：238

用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);
});

原文：http://www.cnblogs.com/liuyingshan/p/4103713.html

jQuery的$(‘#id’)与document.getElementByID(&#39;id&#39;)的区别

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