jQuery 資料整理：何時使用 $.data() 與 $.attr()？

使用jQuery 進行資料整理：$.data 與$.attr

在使用jQuery 操作資料屬性的上下文中，$.data和$.attr 有不同的用途。

$.data：內部資料Storage

$.data 主要用於將資料儲存在jQuery 的內部快取$.cache 中，而不是直接儲存在DOM中。當使用 $.data 將資料指派給元素時，它與該元素的物件相關聯，從而允許儲存複雜的物件和參考。此外，$.data 執行自動轉換，將資料從字串轉換為可識別的類型，如布林值、數字和 JSON。

$.attr：HTML5 資料屬性

相反，$.attr 用於設定和檢索 HTML5 資料屬性，這些屬性作為屬性儲存在 DOM 中。這些屬性旨在促進以標準化方式儲存資料。使用資料屬性時，注意所發生的連字符-駝峰式轉換至關重要。透過 $.data 存取資料時，屬性名稱中的連字符會自動轉換為駝峰命名法。

最佳實踐

• 對於從伺服器接收的數據，請使用 $. data 將其儲存在 DOM 元素的 data 屬性上。
• 要設定 HTML5 資料屬性，請使用$.attr。
• 存取連字號的資料屬性名稱時，請在 JavaScript 中使用駝峰式版本，因為它更一致。
• 要保留資料屬性的原始字串值，請使用 $.attr .
• 要自動轉換數據，例如數字和字串，請使用 $.data。
• 在 jQuery 中1.8 rc 1 及更高版本，只有在表示形式不變的情況下才會自動轉換數值。對於替代數字語法，請使用一元運算子將值轉換為數字。

以上是jQuery 資料整理：何時使用 $.data() 與 $.attr()？的詳細內容。更多資訊請關注PHP中文網其他相關文章！