如何將dom對象轉(zhuǎn)換成jquery對象

這篇文章主要介紹“如何將dom對象轉(zhuǎn)換成jquery對象”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“如何將dom對象轉(zhuǎn)換成jquery對象”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)公司主要從事做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)薩爾圖,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(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都可以表示成一棵樹。先看一個(gè)簡單例子：代碼如下

// ...省略其他代碼
<h4>例子</h4>
<p title="選擇你最喜歡的水果">你最喜歡的水果是？</p>
<ul>
    <li>蘋果</li>
    <li>橘子</li>
    <li>菠蘿</li>
</ul>
// ...省略其他代碼

將上面HTML結(jié)構(gòu)描述為一棵DOM樹：

如何將dom對象轉(zhuǎn)換成jquery對象

在這棵DOM樹中的節(jié)點(diǎn)都是DOM元素節(jié)點(diǎn)。可以通過JS中的getElementByTagName或者getElementById來獲取元素節(jié)點(diǎn)。像這樣得到的DOM元素就是DOM對象。

jQuery對象

jQuery對象就是通過jQuery包裝DOM對象后產(chǎn)生的對象。

jQuery對象是jQuery獨(dú)有的。如果一個(gè)對象是jQuery對象，那么就可以使用jQuery里的方法。在jQuery對象中無法使用DOM對象的任何方法，同樣的DOM對象也不能使用jQuery里的方法。

怎么將dom對象轉(zhuǎn)換成jquery對象

對于一個(gè)DOM對象，只需要用$()把DOM對象包裝起來，就可以獲得一個(gè)jQuery對象了。方式為$(DOM對象), 轉(zhuǎn)換后，就可以任意使用jQuery中的方法了。

注意：平時(shí)用的jQuery對象都是通過$()函數(shù)制造出來的，$()函數(shù)就是一個(gè)jQuery對象的制造工廠。

jquery代碼如下：

<body>
  <p>my</p>
  <p>my</p>
<script src="jquery-1.10.2.min.js"></script>
<script>
  var cr = document.getElementsByTagName("p") //DOM對象
  var $cr = $(cr);   //jquery對象
  $cr.eq(0).("fuck"); //檢測是否轉(zhuǎn)換成功，可以用jquery方法 輸出結(jié)果為第二個(gè)my改成了fuck
  $cr.eq(1).html("you"); //輸出結(jié)果為my改成you
</script>
</body>

轉(zhuǎn)換后，可以任意使用jquery方法。

通過以上方法，可以任意的相互轉(zhuǎn)換jquery對象和DOM對象網(wǎng)頁特效。

最后再次強(qiáng)調(diào),DOM對象才能使用DOM方法，jquery對象不能使用DOM中的方法，但jquery對象提供了一套更加完善的工具用于操作DOM。

關(guān)于“如何將dom對象轉(zhuǎn)換成jquery對象”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

本文名稱：如何將dom對象轉(zhuǎn)換成jquery對象
標(biāo)題路徑：http://muchs.cn/article36/gjsppg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、服務(wù)器托管、關(guān)鍵詞優(yōu)化、搜索引擎優(yōu)化、外貿(mào)建站、App設(shè)計(jì)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容