jquery对象和DOM对象的区别和转换

jquery对象和DOM对象的区别和转换

在使用jquery时，我们直接通过jq的选择器获取元素，然后对元素进行操作，用jq选择器获取到的对象是一个jq对象，jq对象能够使用jq提供的方法，但是不能用原生的DOM方法，同样的用DOM方法获取到的DOM对象也不能用jq中提供的方法。

• jq对象的特点
  
  jq对象是经过jQuery包装DOM后产生的对象，jq对象是jq独有的，能够使用jq中封装的方法。
• js对象
  
  用原生方法获取产生的对象是原生js对象，原生js对象不能使用jq中提封装的方法。

js对象转成jq对象

只需要用jq函数将其包裹即可：

var  obj = document.getElementById("obj")

$(obj) //jq对象

jq对象转换成DOM对象

jq对象属于原生中的数组，可通过下标取到，jq中也提供了转换成js对象的方法。

var temp=$("#obj")    //jq对象

var obj1= temp[0]     //obj1js对象
var obj2= temp.get(0) //obj2对象

this是js中的对象，如果要在jq中使用this也要用$()包裹。

$("#div").on("click",function(){
    $(this).html("jq对象");
    this.innerHTML="js对象";
})