DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jQuery對象與DOM對象之間的相互轉換
jQuery對象與DOM對象之間的相互轉換
編輯:JavaScript綜合知識     

 本文主要給大家介紹的是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對象

 

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved