jQuery Data VS ATTR: понимание различий

в jQuery, как $ .data, и $ .Attr используются для манипулирования атрибутами в элементах DOM. Однако они служат различным целям и различаются по использованию и поведению. Эти данные не хранятся в виде атрибутов HTML на самом элементе. Следовательно, если вам необходимо постоянно хранить данные для целей связывания данных или пользовательских сценариев, $ .data является предпочтительным выбором.

Пример:

$ ('#foo'). // получает сохраненные данные $ ('#foo'). data ('mydata'); // выводит "somevalue"

$('#foo').data('myData', 'someValue');
// Gets the stored data
$('#foo').data('myData'); // outputs "someValue"

пример:

$ ('#foo'). Attr ('data-attribute'); // выводит "MyCoolvalue" $ ('#foo'). attr ('data-attribute', 'newvalue'); // Устанавливает Data-Attribute на «newValue"