jquery对象与dom对象

jquery对象与dom对象

二者有何区别？

jquery对象比如
$("#test").html()

dom对象常见用法比如
document.getElementById("id").innerHTML
通过传统js方法获取的对象就是dom对象，由jquery而来的是jquery对象。

dom对象的方法jquery对象用不了，jquery对象的方法dom对象也用不了、

二者可以相互转换吗？

可以，比如jquery对象转dom对象，如下

var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中

为啥第一行是$v呢？写成v不行么？可以，加个美元符号是为了让你一眼就看出那是个jquery对象。你把美元符号+v看成一个整体就好了。
之后第二行，由于jquery对象事实上可以看成一个数组，因为id=v可能有很多个。然后数组中的每一个就可以视为dom对象了。

方法二

var $v=$("#v"); //jQuery对象
 
var v=$v.get(0); //DOM对象
 
alert(v.checked) //检测这个checkbox是否被选中

第一步是一样的，第二步利用了get方法，get的参数就是index。不如第一种方法简便。

dom对象可以转jquery对象么？

可以，这个更简单，用$()符号把dom对象包起来就行。

var cr=document.getElementById("cr"); //dom对象
var $cr = $(cr); //转换成jquery对象

第一步获取dom对象，
第二步用美元符号包装。
更简单了。

为什么要转换？

因为有些方法是dom对象独有的，或者是jquery对象独有的

参考

JQuery对象与DOM对象的区别与转换 - 郝庆玺 - 博客园