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对象";
})