原創|行業資訊|編輯:龔雪|2015-03-04 09:22:38.000|閱讀 298 次
概述:本文主要向大家介紹了jQuery對象和DOM對象之間互相轉換的方法,其實轉換過程十分簡單,一起來看看吧。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
在討論jQuery對象和DOM對象的相互交換之前,先約定好定義變量的風格。如果獲取的對象是jQuery對象,那么在變量前加上$,例如:
var$variable=jQuery對象;
如果獲取的是DOM對象,則定義如下:
var variable=DOM對象;
jQuery對象不能使用DOM中的方法,但是如果對jQuery對象所提供的方法不熟悉,或者jQuery沒有封裝想要的方法,不得不實用DOM對象的時候,有以下兩種處理方法。jQuery提供了兩種方法將一個jQuery對象轉換成DOM對象,即[index]和get(index).
(1)jQuery對象是一個數組對象,可以通過[index]的方法得到相應的DOM對象。
jQuery代碼如下:
var$cr=$("#cr");//jQuery對象var cr=$cr[0]//DOM對象alert(cr.checked)//檢測這個checkbox是否選中了
(2)另一種方法是jQuery本身提供的,通過get(index)方法得到相應的DOM對象。
jQuery代碼如下:
var$cr=$("#cr");var cr=$cr.get(0);alert(cr.checked)
對于一個DOM對象,只需要用$()把DOM對象包裝起來,就可以獲得一個jQuery對象了,方式為$(DOM對象)。
jQuery代碼如下:
var cr=document.getElementByID("cr");//DOM對象var$cr=$(cr);
轉換后,可以任意使用jQuery中的方法。
通過以上方法,可以任意地相互轉換jQuery對象和DOM對象。
最后強調,DOM對象才能使用DOM中的方法,jQuery對象不可以使用DOM中的方法,但jQuery對象提供了一套更加完善的工具用于操作DOM。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn