jQuery $.data() 與 $.attr()：何時使用哪一個？

jQuery Data 與Attr：了解差異

在jQuery 中，$.data 和$.attr 都用於操作DOM 中的屬性元素。但是，它們的用途不同，用法和行為也不同。

何時使用 $.data

$.data 主要用於儲存與jQuery 內部快取 ($.cache) 中的 DOM 元素。此資料不會作為元素本身的 HTML 屬性儲存。因此，如果您需要出於數據綁定或自定義腳本目的持久存儲數據，$.data 是首選。

範例：

何時使用$.attr

$.一方面，主要設定或檢索HTML5 資料屬性。這些資料屬性作為屬性儲存在 DOM 元素上，旨在提供額外的元資料或內容。

範例：

其他注意事項

資料儲存複雜對象，而HTML 資料屬性只能包含字串。
• $.data 在檢索資料時自動將值轉換為適當的類型，例如將「true」轉換為布林值。
• $.attr 檢索資料時保留原始資料型態。
• 為避免混淆，建議在存取時使用駝峰式語法使用 $.data 儲存的資料。
• 您也可以使用 $.removeAttr 刪除資料屬性，它與 $.data 沒有直接等效項。

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