jQuery物件與原生DOM物件之間的差異與轉換

這篇文章帶給大家的內容是關於jQuery物件與原生DOM物件之間的差異及轉換，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

區別

jQuery 選擇器得到的jQuery物件和原生JS 中的document.getElementById() document.querySelector取得的DOM物件是兩種不同類型，兩者是不等價的。
jQuery 無法使用 原生DOM物件的方法，原生DOM物件 也無法使用 jQuery 裡的方法。亂使用會報錯。

<p>我是对象</p>

原生DOM：document.querySelector('p').innerText
jQuery： $('p').text()

所以他們是不等同的，但他們最終取出的DOM 是一致的。

範例

JSBin
output

#原生DOM 判斷一個元素是否存在可以用document.querySelector查看它是否為null
因為jQuery 是類別陣列物件。 jQuery 則可以透過.length檢視他的長度是否為0來判斷這個元素是否存在

##互相轉換

參考上面JSBin 的output 可以做demo 示範

原生DOM物件轉jQuery物件

var p1 = document.querySelector('#p1')var $p1 = $(p1)

jQuery物件轉原生DOM物件

#

var $p = $('p')var p1 = $p[0]var p2 = $p.get(1)

相關推薦：

原生js對DOM可以做什麼動作？原生js對dom的操作方法

js中cssText的用法實例（程式碼範例）

以上是jQuery物件與原生DOM物件之間的差異與轉換的詳細內容。更多資訊請關注PHP中文網其他相關文章！