jquery - 使用 .data() 检索 data-* 属性的值是个好主意吗？

Question

在我的项目中，我目前在我的 HTML 中使用一些自定义 data-* 属性来传达一些将由 jQuery 使用的额外数据。我找到了 .data() 方法并注意到如果我有一个 data-* 属性 data-my-attribute 我可以通过选择元素在 jQuery 中检索它的值使用属性并调用 .data("my-attribute")。

我假设这是它应该使用的方式(没有查看文档)并在我的 jQuery 代码中使用它。但是，现在我注意到，当我在 HTML data-* 属性中放置一个字符串 "000005643" 时，.data("my-attribute") 返回 5643 而 .attr("data-my-attribute") 返回 "000005643"。后者是我想要的。这让我查阅了文档，实际上发现 .data() 的内容比我想象的要多。此外，我从未见过任何文本或示例表明您应该使用 .data() 来检索 data-* 属性的值。这让我担心我在做一些根本错误的事情。

那么我应该停止并停止以这种方式使用 .data() 吗？如果没有，您能否将我链接到一些关于解释此用途的 .data() 函数的文档。

Answer 1

data()返回 HTML5 data-* 属性的方法是 introduced in 1.4.3 .

As of jQuery 1.4.3 HTML 5 data- attributes will be automatically pulled in to jQuery's data object.

Every attempt is made to convert the string to a JavaScript value (this includes booleans, numbers, objects, arrays, and null) otherwise it is left as a string. To retrieve the value's attribute as a string without any attempt to convert it, use the attr() method.

Source .

看来 jQuery 确定您需要一个数字，所以它为您返回一个 Number，而不是 String。

如果你想要它作为一个字符串，使用attr()。