码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-11-17 17:10:04      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   ar   sp   div   on   log   

用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')的区别

标签:style   blog   io   color   ar   sp   div   on   log   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!