使用 jquery 访问 HTML5 数据属性 [重复]

Question

下面的代码有什么区别？

$("demo").data("title");

和，

$("demo").attr("data-title");

还是两者都一样？

Answer 1

如果从使用 data-* 属性的角度来看这两个函数，它们是相当相等的。在这种情况下，您可以将 data() 函数视为 attr() 函数的快捷方式。

但是使用 data() 函数你可以做一些更复杂的事情。您不仅可以保存简单的字符串或一些通常附加为 html 属性的文本，还可以保存一些自定义对象。例如，您可以使用以下数据保存一些对象：

// Attaching custom object to DOM element
var someObj = { id: 1, name: "whatever" };
$("demo").data("someObj", someObj);

// Receiving previously attached object from DOM element
var someObjFromData = $("demo").data("someObj");