這篇文章主要介紹了jQuery對象和DOM對象之間相互轉換的方法介紹,本文講解了jQuery對象轉成DOM對象、DOM對象轉換成jQuery對象方法,需要的朋友可以參考下
在討論jQuery對象和DOM對象的相互交換之前,先約定好定義變量的風格。如果獲取的對象是jQuery對象,那麼在變量前加上$,例如:
代碼如下:
jQuery對象不能使用DOM中的方法,但是如果對jQuery對象所提供的方法不熟悉,或者jQuery沒有封裝想要的方法,不得不實用DOM對象的時候,有以下兩種處理方法。jQuery提供了兩種方法將一個jQuery對象轉換成DOm對象,即[index]和get(index).
(1)jQuery對象是一個數組對象,可以通過[index]的方法得到相應的DOM對象。
jQuery代碼如下:
代碼如下:
jQuery代碼如下:
代碼如下:
對於一個DOM對象,只需要用$()把DOM對象包裝起來,就可以獲得一個jQuery對象了,方式為$(DOM對象)。
jQuery代碼如下:
代碼如下:
通過以上方法,可以任意地相互轉換jQuery對象和DOM對象。
最後強調,DOM對象才能使用DOM中的方法,jQuery對象不可以使用DOM中的方法,但jQuery對象提供了一套更加完善的工具用於操作DOM