轉(zhuǎn)換方法:對于已經(jīng)是一個DOM對象,只需要用“$()”把DOM對象包裝起來,就可以獲得一個jQuery對象了,具體語法格式“$(DOM對象)”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。
DOM對象轉(zhuǎn)成jQuery對象:
對于已經(jīng)是一個DOM對象,只需要用$()把DOM對象包裝起來,就可以獲得一個jQuery對象了。
如:
var v=document.getElementById("v"); //DOM對象 var $v=$(v); //jQuery對象
通過$(DOM)方法將普通的DOM對象加工成jQuery對象之后,我們就可以調(diào)用jQuery的方法了。
HTML代碼
<div>元素一</div><div>元素二</div><div>元素三</div>
JavaScript代碼
var div=document.getElementsByTagName('div');//DOM對象 var $div=$(div);//jQuery對象 var $first=$div.frist();//找到第一個div元素 $first.css('color','red');//給第一個元素設置顏色
通過getElementsByTagName獲取到div節(jié)點的元素,結果是一個DOM合集的對象,不過這個對象是一個數(shù)組合集(3個div元素)。通過$(div)方法轉(zhuǎn)化成jQuery對象,通過調(diào)用jQuery對象中的first與css方法查找第一個元素并且改變其顏色。
相關視頻教程推薦:jQuery教程(視頻)