DOM对象和jQuery对象

标签：

1、DOM对象

 　　Document Object Model，文档对象模型。通过html Dom可访问所有元素

　　获取方法有：1.通过id找到元素 document.getElementById("id")

　　　　　　　　2.通过标签名找到元素对象集合  document.getElementsByTagName("");

 　　　　　　　  3.通过名称找到元素对象集合  document.getElementsByName(name);

 2、jQuery对象

　　通过jQuery包装DOM对象后产生的对象，是jQuery独有的。如果一个对象是jQuery对象，那么就能使用jQuery里的方法。

注：jQuery对象无法使用Dom对象的任何方法，反之同样。

两者可以通过相互转换来使用该对象的方法。

　　1.Dom对象转成jQuery对象

　　　　对于一个DOM对象，只需要用$()把dom对象包装起来，就可以获得一个jQuery对象

var domObj = document.getElementById("zero"); //dom对象
var $zero = $(domObj); //jQuery对象

　　2.jQuery对象转成Dom对象

　　　　1.jQuery对象是一个数组对象，可以通过[index]的方法得到Dom对象

var $zero = $("#zero");
var zero = $zero[0];
console.log(zero.innerHTML);

　　　　2.通过get(index);

var $top = $(".top");
var top = $top.get(0);
console.log(top.innerHTML);

DOM对象和jQuery对象

标签：

原文地址：http://www.cnblogs.com/wanbi/p/4185778.html