jQuery对象与DOM对象转换方法解读
本文通过一个例子来分析jQuery对象和DOM对象的转换方法。 分享给大家，供大家参考，如下：
将 jQuery 对象转换为 dom 对象
只有jQuery对象才能调用jQuery解释器的各种功能，而dom对象的一些属性和技巧在jQuery上也很难调用，但基本上jQuery泛型提供的功能包括了所有的dom操作。 有时候，尤其是当你刚接触jQuery，无法记住jQuery的所有功能时，会有很长一段时间需要使用jQuery选择器来配合原有的dom功能进行开发。 所以两个对象的转换是必要的。
jQuery对象的索引保存了dom对象，因此可以通过索引将jQuery对象转换为dom对象（实际上就是获取了jQuery对象中存储的dom对象）。
$("#myphoto")[0];
通过index返回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获取dom对象，则可以使用“jQuery(elements)”函数将其转换为 jQuery 对象：
var img=document.getElementById("myphoto");
jQuery(img).css("border","solid 2px #FF0000");
上面代码中jquery获取dom对象，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)”函数的elements参数也可以是一个jQuery对象。 虽然说再次转换一个jQuery对象是没有意义的，但是这是在不确定一个对象的类型是jQuery对象还是DOM对象时再次调用这个函数。 执行转换以确保该对象必须是 jQuery 对象。
对更多jquery相关内容感兴趣的读者可以查看本站专题：《jQuery操作DOM节点方法总结》、《jQuery常用操作技巧总结》、《jQuery常用用法及方法总结》、《 《jQuery操作JSON数据的方法总结》、《jQuery操作XML技巧总结》和《jQuery扩展技巧总结》
希望这篇文章对你的jquery编程有所帮助。
发表评论