使用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");