js和jquery对象的相互转换

Posted 2020-10-09 狗子的进阶史

在使用jquery的过程中发现很多需要将jquery对象转成js对象的例子。

Query 对象是通过 jQuery 包装DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的，其可以使用 jQuery 里的方法，但是不能使用 DOM 的方法。

将jquery对象转成js对象，就可以获得他的一系列属性，例如innerhtml,id等。

怎么把jquery对象转成js对象，其实方法很简单：

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

　　var div=$("#div1");//jquery对象

　　var d=div[index];//DOM对象

　　alert(d.innerHTML);//查看div1中的内容

2、通过jquery自身提供的.get(index) 方法得到相应的 DOM 对象

　　var div=$("#div1");//jquery对象

　　var d=div.get(index);//DOM对象

　　alert(d.innerHTML);//查看div1中的内容

将DOM对象转成jquery对象的方法就更简单了：

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

　　var div=document.getElementById("#div1");//DOM对象

　　var d=$(div);//jquery对象