站長資訊網
dom對象轉換成jquery對象的方法：只需要使用“$()”把DOM對象包裝起來即可，語法為“$(DOM對象)”；轉換后，就可以任意使用jQuery中的方法了。
本教程操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。
DOM對象
DOM（Document Object Model,文檔對象模型）,每一份DOM都可以表示成一棵樹。先看一個簡單例子：代碼如下
// ...省略其他代碼 <h3>例子</h3> <p title="選擇你最喜歡的水果">你最喜歡的水果是？</p> <ul> <li>蘋果</li> <li>橘子</li> <li>菠蘿</li> </ul> // ...省略其他代碼
將上面HTML結構描述為一棵DOM樹：
在這棵DOM樹中的節點都是DOM元素節點。可以通過JS中的getElementByTagName或者getElementById來獲取元素節點。像這樣得到的DOM元素就是DOM對象。
jQuery對象
jQuery對象就是通過jQuery包裝DOM對象后產生的對象。
jQuery對象是jQuery獨有的。如果一個對象是jQuery對象，那么就可以使用jQuery里的方法。在jQuery對象中無法使用DOM對象的任何方法，同樣的DOM對象也不能使用jQuery里的方法。
怎么將dom對象轉換成jquery對象
對于一個DOM對象，只需要用$()把DOM對象包裝起來，就可以獲得一個jQuery對象了。方式為$(DOM對象), 轉換后，就可以任意使用jQuery中的方法了。
注意： 平時用的jQuery對象都是通過$()函數制造出來的，$()函數就是一個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"); //檢測是否轉換成功，可以用jquery方法 輸出結果為第二個my改成了fuck $cr.eq(1).html("you"); //輸出結果為my改成you </script> </body>
轉換后，可以任意使用jquery方法。
通過以上方法，可以任意的相互轉換jquery對象和DOM對象網頁特效。
最后再次強調,DOM對象才能使用DOM方法，jquery對象不能使用DOM中的方法，但jquery對象提供了一套更加完善的工具用于操作DOM。
【推薦學習：jQuery視頻教程、web前端視頻】
