轉(zhuǎn)換方法：對(duì)于已經(jīng)是一個(gè)DOM對(duì)象，只需要用“$()”把DOM對(duì)象包裝起來，就可以獲得一個(gè)jQuery對(duì)象了，具體語法格式“$(DOM對(duì)象)”。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。

DOM對(duì)象轉(zhuǎn)成jQuery對(duì)象:

對(duì)于已經(jīng)是一個(gè)DOM對(duì)象，只需要用$()把DOM對(duì)象包裝起來，就可以獲得一個(gè)jQuery對(duì)象了。

如：

var v=document.getElementById("v"); //DOM對(duì)象 var $v=$(v); //jQuery對(duì)象

通過$(DOM)方法將普通的DOM對(duì)象加工成jQuery對(duì)象之后，我們就可以調(diào)用jQuery的方法了。

HTML代碼

<div>元素一</div><div>元素二</div><div>元素三</div>

JavaScript代碼

var div=document.getElementsByTagName('div');//DOM對(duì)象 var $div=$(div);//jQuery對(duì)象 var $first=$div.frist();//找到第一個(gè)div元素 $first.css('color','red');//給第一個(gè)元素設(shè)置顏色

通過getElementsByTagName獲取到div節(jié)點(diǎn)的元素，結(jié)果是一個(gè)DOM合集的對(duì)象，不過這個(gè)對(duì)象是一個(gè)數(shù)組合集（3個(gè)div元素）。通過$(div)方法轉(zhuǎn)化成jQuery對(duì)象，通過調(diào)用jQuery對(duì)象中的first與css方法查找第一個(gè)元素并且改變其顏色。

相關(guān)視頻教程推薦：jQuery教程（視頻）