Доступ к атрибуту данных HTML5 с использованием jquery

Question

В чем разница между приведенным ниже кодом?

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

и

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

или оба одинаковы?

Answer 1

Если вы посмотрите на эти 2 функции из точки работы с атрибутами 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");