jquery对象和javascript对象即DOM对象相互转换的方法

欢迎访问我的个人博客 http://xiaolongwu.cn/

写在前面的话

---

何为jQuery对象

jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。

jQuery 对象是 jQuery 独有的，其可以使用 jQuery 里的方法，但是不能使用 DOM 的方法；

例如： $(“#img”).attr(“src”,”hua.png”); 这里的 $(“#img”)就是 jQuery 对象。

---

何为DOM对象

DOM对象就是Javascript 固有的一些对象操作。

DOM 对象能使用Javascript 固有的方法，但是不能使用 jQuery 里的方法。

例如：document.getElementById(“img”).src = “hua.png”；这里的document.getElementById(“img”) 就是DOM 对象

他们之间是如何转换的

---

DOM对象转换为jQuery对象

对于已经是一个 DOM 对象，只需要用 $() 把DOM对象包装起来，就可以获得一个 jQuery 对象了，$(DOM )这样就是一个jQuery对象。

var v = document.getElementById("v"); //DOM对象
var v1 = $(v); //jQuery 对象

转换后，就可以任意使用 jQuery 的方法。

---

jQuery对象转换为DOM对象

两种转换方式讲一个 jQuery 对象转换成 DOM 对象： [index] 和 .get(index)；

(1) jQuery 对象是一个数据对象，可以通过 [index] 的方法，来得到相应的 DOM 对象。

例如：

var v = $("#v"); //jQuery 对象
var v1 = v[0]; //DOM 对象

(2) jQuery 本身提供，通过.get(index) 方法得到相应的 DOM 对象

例如：

var v = $("#v"); //jQuery 对象
var v1 = v.get(0); //DOM对象 ( v.get()[0] 也可以 )

写在后面的话

通过以上方法，可以任意的相互转换 jQuery 对象和 DOM 对象，需要再强调的是： DOM 对象才能使用DOM 中的方法，jQuery 对象才可以使用jQuery中的方法。其两者之间是互不相通的。