您好,欢迎访问一九零五行业门户网

jQuery对象和DOM对象的相互转化实现代码_jquery

jquery对象和dom对象相互转化
jquery对象和dom对象
jquery对象就是通过jquery包装dom对象后产生的对象。jquery对象是jquery独有的,其可以使用jquery里的方法,但是不能使用dom的方法;例如$(#img).attr(src,test.jpg); 这里的$(#img)就是jquery对象;
dom对象就是javascript固有的一些对象操作。dom对象能使用javascript固有的方法,但是不能使用jquery里的方法。例如:document.getelementbyid(img).src=test.jpg;这里的document.getelementbyid(img)就是dom对象;
$(#img).attr(src,test.jpg); 和document.getelementbyid(img).src=test.jpg;是等价的,是正确的,但是$(#img).src=test.jpg;或者document.getelementbyid(img).attr(src,test.jpg); 都是错误的。
在说一个例子:就是this,我在写jquery的时候经常这样写:this.attr(src,test.jpg); 可是就是出错。其实this是dom对象,而.attr(src,test.jpg) 是jquery方法,所以出错了。要解决这个问题就要将dom对象转换成jquery对象,例如$(this).attr(src,test.jpg);
1.dom对象转成jquery对象:
对于已经是一个dom对象,只需要用$()把dom对象包装起来,就可以获得一个jquery对象了。$(dom对象)
如:var v=document.getelementbyid(v); //dom对象
var $v=$(v); //jquery对象
转换后,就可以任意使用jquery的方法了。
2.jquery对象转成dom对象:
两种转换方式将一个jquery对象转换成dom对象:[index]和.get(index);
(1)jquery对象是一个数据对象,可以通过[index]的方法,来得到相应的dom对象。
如:var $v =$(#v) ; //jquery对象
var v=$v[0]; //dom对象
alert(v.checked) //检测这个checkbox是否被选中
(2)jquery本身提供,通过.get(index)方法,得到相应的dom对象
如:var $v=$(#v); //jquery对象
var v=$v.get(0); //dom对象
alert(v.checked) //检测这个checkbox是否被选中
其它类似信息

推荐信息