jQuery对象与dom对象的互换的方法

DOM对象转成jQuery对象:

 普通的dom对象一般可以通过$()转换成jquery对象。

如：

var v=document.getElementById("v"); //DOM对象

var $v=$(v); //jQuery对象

 

  

jQuery对象转成DOM对象：[index]和.get(index);

 jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。

如：

$("#msg")[0]

$("div").eq(1)[0]

$("div").get()[1]

$("td")[5]

 强调注意的是：DOM对象才能使用DOM中的方法，jQuery对象是不可以用DOM中的方法。

如以下的用法都是正确的：

<p style="color:yellow">绯雨</p>

$("p").eq(0).css("color")  //因为eq(num)返回的是个jq对象，所以可以用jq的方法css
$("p").get(0).style.color  //因为get(num)返回的是个html对象，所以要使用传统的HTML对象方法
$($("p").get(0)).css("color")