jquery把php数据转换为对象,jquery对象与dom对象之间转换的方式方法

jquery变量定义&＃xff1a;var $vr&＃61;jquery 对象 或者 var vr&＃61;jquery对象

DOM变量的定义方式&＃xff1a;var vr&＃61;DOM 对象&＃xff1b;

如果JQUERY没有封装想要的方法&＃xff0c;那就不得不将jquery转换成DOM对象了。处理方式:

jquery对象转dom对象的两种方法&＃xff1a;

(1)jquery对象转换成DOM对象&＃xff0c;JQUERY对象是一个集合。即[index]和get[index],代码&＃xff1a;

var $cc&＃61;$("#cc");//jquery对象&＃xff0c;

var cc &＃61;$cc[0]; //dom对象

例&＃xff1a;

• zhe1
• zhe2
• zhe3
• zhe4
• zhe5

//jquery对象与DOM对象之间的转化练习

$(function(){

//jquery对象转化为dom对象取值

/*

var $c&＃61;$(&＃39;#first&＃39;);

var b&＃61;$c[0].innerHTML;

alert(b);*/

/*var c&＃61;$(&＃39;#first&＃39;);

var b&＃61;c[0].innerHTML;

alert(b);*/

都同样可以输出结果&＃xff1a;zhe1

(2)jquery本身提供的对象。通过get[index]方法得到相应DOM对象。

var $cc&＃61;$("#cc");//jquery对象

var cc &＃61;$cc.get(0); //dom对象

/* var $c&＃61;$(&＃39;#first&＃39;);

var b&＃61;$c.get(0).innerHTML;

alert(b);*/

/*var c&＃61;$(&＃39;#first&＃39;);

var b &＃61;c.get(0).innerHTML;

alert(b);*/

同样可以输出结果&＃xff1a;zhe1,转化后就可以使用dom中的方法了。

将DOM转换成jquery对象。用$()把DOM对象包起来就可以获得一个JQUERY对象&＃xff0c;方式为&＃xff1a;$(DOM对象)。

var c&＃61;document.getElementById(&＃39;first&＃39;);

var $b&＃61;$(c)

alert($b.html());

/* var b&＃61; $(document.getElementById(&＃39;first&＃39;)).html();

alert(b);*/

/*var c&＃61;document.getElementById(&＃39;first&＃39;);

var b&＃61;$(c).html();

alert(b);

*/

都可以输出结果:zhe1。转化后就可以使用jquery中的方法了。