這篇文章主要介紹“如何將dom對象轉(zhuǎn)換成jquery對象”的相關(guān)知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“如何將dom對象轉(zhuǎn)換成jquery對象”文章能幫助大家解決問題。
創(chuàng)新互聯(lián)公司主要從事做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)薩爾圖,10余年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575
dom對象轉(zhuǎn)換成jquery對象的方法:只需要使用“$()”把DOM對象包裝起來即可,語法為“$(DOM對象)”;轉(zhuǎn)換后,就可以任意使用jQuery中的方法了。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
DOM對象
DOM(Document Object Model,文檔對象模型),每一份DOM都可以表示成一棵樹。先看一個簡單例子:代碼如下
// ...省略其他代碼例子
你最喜歡的水果是?
將上面HTML結(jié)構(gòu)描述為一棵DOM樹:
在這棵DOM樹中的節(jié)點都是DOM元素節(jié)點??梢酝ㄟ^JS中的getElementByTagName或者getElementById來獲取元素節(jié)點。像這樣得到的DOM元素就是DOM對象。
jQuery對象
jQuery對象就是通過jQuery包裝DOM對象后產(chǎn)生的對象。
jQuery對象是jQuery獨有的。如果一個對象是jQuery對象,那么就可以使用jQuery里的方法。在jQuery對象中無法使用DOM對象的任何方法,同樣的DOM對象也不能使用jQuery里的方法。
怎么將dom對象轉(zhuǎn)換成jquery對象
對于一個DOM對象,只需要用$()把DOM對象包裝起來,就可以獲得一個jQuery對象了。方式為$(DOM對象), 轉(zhuǎn)換后,就可以任意使用jQuery中的方法了。
注意: 平時用的jQuery對象都是通過$()函數(shù)制造出來的,$()函數(shù)就是一個jQuery對象的制造工廠。
jquery代碼如下:
my
my
轉(zhuǎn)換后,可以任意使用jquery方法。
通過以上方法,可以任意的相互轉(zhuǎn)換jquery對象和DOM對象網(wǎng)頁特效。
最后再次強調(diào),DOM對象才能使用DOM方法,jquery對象不能使用DOM中的方法,但jquery對象提供了一套更加完善的工具用于操作DOM。
關(guān)于“如何將dom對象轉(zhuǎn)換成jquery對象”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會為大家更新不同的知識點。