首页 > 代码库 > jQuery的$(‘#id’)与document.getElementByID('id')的区别

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

 

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