jQuery對象與DOM對象之間的相互轉換

 本文主要給大家介紹的是jQuery對象與DOM對象之間的相互轉換的方法和示例，非常實用，這裡推薦給有需要的小伙伴參考下。

   

1、jQuery對象轉換成DOM對象

jQuery對象不能使用DOM中的方法，但如果對jQuery對象所提供的方法不熟悉，或者jQuery沒有封裝想要的方法，不得不使用DOM對象的時候，有以下兩種處理方法：

1、jQuery對象是一個類似數組的對象，可以通過[index]的方法得到相應的DOM對象：

 

代碼如下:
var $cr=$("#cr") //jQuery對象
var cr=$cr[0] //DOM對象

 

2、另一種是jQuery本身提供的，通過get(index)方法得到相應的DOM對象

 

代碼如下:
var $cr=$("#cr") //jQuery對象
var cr=$cr.get(0) //DOM對象

 

2、DOM對象轉換成jQuery對象

對於一個DOM對象，只需要用$()把DOM對象包裝起來，就可以獲得一個jQuery對象。

 

代碼如下:
var cr=document.getElementById("cr") //DOM對象
var $cr=$(cr) //jQuery對象

 

以上所述就是本文的全部內容了，希望大家能夠喜歡。