這篇文章主要介紹了html中dom對象如何轉(zhuǎn)為jquery對象,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)公司技術(shù)團隊十余年來致力于為客戶提供成都網(wǎng)站設(shè)計、成都做網(wǎng)站、品牌網(wǎng)站設(shè)計、全網(wǎng)整合營銷推廣、搜索引擎SEO優(yōu)化等服務(wù)。經(jīng)過多年發(fā)展,公司擁有經(jīng)驗豐富的技術(shù)團隊,先后服務(wù)、推廣了上千網(wǎng)站,包括各類中小企業(yè)、企事單位、高校等機構(gòu)單位。
轉(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代碼
元素一元素二元素三
JavaScript代碼
var div=document.getElementsByTagName('div');//DOM對象 var $div=$(div);//jQuery對象 var $first=$div.frist();//找到第一個div元素 $first.css('color','red');//給第一個元素設(shè)置顏色
通過getElementsByTagName獲取到div節(jié)點的元素,結(jié)果是一個DOM合集的對象,不過這個對象是一個數(shù)組合集(3個div元素)。通過$(div)方法轉(zhuǎn)化成jQuery對象,通過調(diào)用jQuery對象中的first與css方法查找第一個元素并且改變其顏色。
1、簡易性:超級文本標(biāo)記語言版本升級采用超集方式,從而更加靈活方便,適合初學(xué)前端開發(fā)者使用。 2、可擴展性:超級文本標(biāo)記語言的廣泛應(yīng)用帶來了加強功能,增加標(biāo)識符等要求,超級文本標(biāo)記語言采取子類元素的方式,為系統(tǒng)擴展帶來保證。 3、平臺無關(guān)性:超級文本標(biāo)記語言能夠在廣泛的平臺上使用,這也是萬維網(wǎng)盛行的一個原因。 4、通用性:HTML是網(wǎng)絡(luò)的通用語言,它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面,這些頁面可以被網(wǎng)上任何其他人瀏覽到,無論使用的是什么類型的電腦或瀏覽器。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“html中dom對象如何轉(zhuǎn)為jquery對象”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!