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中文网其他相关文章！