jQuery $ .data（）方法與直接附加變量到DOM元素的區別？

Question

我可以這樣做：

$('#someid').data('dataIdentifier', 'someVariable'); 

而且在我的理解，我可以做到這一點：

document.getElementById('someid').dataIdentifier = someVariable; 

什麼是使用jQuery這與原始的JavaScript的利弊？

謝謝！

Answer 1

我不知道jQuery方法，但「純javascript」方法是使用setAttribute（）。 setAttribute與在html中附加任意數據屬性時發生的情況相同。你可以使用getAttribute來讀取它。

document.getElementById('someid').setAttribute("dataIdentifier", "someVariable"); 

一個好處是它會顯示在innerHTML屬性中，而普通的舊屬性不會。缺點是你僅限於字符串。

Answer 2

從jquery.data的文檔：

的jQuery.data（）方法允許我們 附加任何類型的數據，以在DOM的方式，是從 循環引用安全，因此自由 元件從內存泄漏。 jQuery確保在用戶離開頁面時通過jQuery方法刪除DOM元素 並刪除 數據。