相比較jQuery轉(zhuǎn)化成DOM,開發(fā)中更多的情況是把一個(gè)dom對(duì)象加工成jQuery對(duì)象。$(參數(shù))是一個(gè)多功能的方法,通過傳遞不同的參數(shù)而產(chǎn)生不同的作用。
如果傳遞給$(DOM)函數(shù)的參數(shù)是一個(gè)DOM對(duì)象,jQuery方法會(huì)把這個(gè)DOM對(duì)象給包裝成一個(gè)新的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.first(); //找到第一個(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è)元素并且改變其顏色。
在右邊代碼20行填入任務(wù)結(jié)果
將dom節(jié)點(diǎn)div轉(zhuǎn)化為$div的jquery對(duì)象
var $div = $(div);
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)