本文实例分析了jquery对象与dom对象的转换方法。分享给大家供大家参考，具体如下：
jquery对象转换为dom对象
只有jquery对象才能调用jquery类库的各种函数，同样有些dom对象的属性和方法在jquery上也是无法调用的，不过基本上jquery类库提供的函数包含了所有的dom操作。有时尤其是在初学jquery，无法记住jquery的所有函数时，会有很长一段时间使用jquery选择器配合原始的dom函数进行开发。所以两种对象的转化是很有必要的。
jquery对象的索引保存的是dom对象，所以可以通过索引将经jquery对象转化为dom对象（实际上是获取保存在jquery对象中的dom对象）。
$(#myphoto)[0];
通过索引返回dom对象后，就可以使用各种dom对象的方法和属性，比如获取dom对象的src属性：
alert($(#myphoto)[0].src);
如果想要遍历jquery对象中的每个元素，通常使用each()函数。
echo(callback);
callback()是一个回调函数，此函数中的this也指向dom元素。
$(#myphoto).each(function(i){ this,src=test+i+.jpg;});
对于懒人有一个小窍门，如果不想记忆在不同的jquery函数中的this到底是jquery对象还是this对象，可以使用this方法都转化成jquery对象，因为即使一个对象已经是jquery对象也不会出错。
dom对象转化为jquery对象
如果已经获得了一个dom对象，可以使用jquery(elements)函数将其转化为jquery对象：
var img=document.getelementbyid(myphoto);jquery(img).css(border,solid 2px #ff0000);
上面代码中img是使用dom获取到的dom对象。将其转化为jquery对象后就可以使用jquery对象的css()方法更改其样式。
可以使用$代替jquery，因为在jquery的内部有如下实现：
jquery=window.jquery=window.$
$字符在javascript中可用做变量名，并且可以作为前缀出现。但是一些其他的类库或者是程序可能已经使用了$作为变量名。
jquery(img).css(border,solid 2px #ff0000);$(img). css(border,solid 2px #ff0000);
以上两条语句是等同的。
jquery(elements)函数的elemients参数还可以是jquery对象，虽然讲一个jquery对象在次转化没有意义，这是为了当不确定一个对象的类型是jquery对象还是dom对象时，可以再次调用此函数进行转化，这样可以保证此对象一定是jquery对象。
更多关于jquery相关内容感兴趣的读者可查看本站专题：《jquery操作dom节点方法总结》、《jquery常用操作技巧汇总》、《jquery常见事件用法与技巧总结》、《jquery操作json数据技巧汇总》、《jquery操作xml技巧总结》及《jquery扩展技巧总结》
希望本文所述对大家jquery程序设计有所帮助。