问jQuery数据与属性？

EN

两者之间的主要区别在于它的存储位置和访问方式。

$.fn.attr将信息直接存储在元素的属性中，这些属性在检查时是公开可见的，也可以从元素的原生API中获得。

$.fn.data将信息存储在ridiculously obscure place中。它位于一个名为data_user的封闭局部变量中，该变量是一个本地定义的函数数据的实例。不能从jQuery外部直接访问此变量。

使用attr()的数据集

如果值的形式为data-name也可以从inspection

• cannot be对象上的元素上的$(element).data(name)和element.dataset['name']和

• 访问<

• >F222，则可以从element.getAttribute('data-name')和

• 中访问该值。

使用.data()的数据集

仅可从.data(name)

• not访问的对象可从.attr()或其他任何地方访问在inspection
• can be

上不能在元素上公开显示的

您可以使用data-*属性嵌入自定义数据。HTML使我们能够在所有data-*元素上嵌入自定义数据属性。

jQuery .data()方法允许您以一种安全的方式将任何类型的数据获取/设置到DOM元素，从而避免循环引用和内存泄漏。

jQuery .attr()方法仅获取/设置匹配集中第一个元素的属性值。

示例：

<span id="test" title="foo" data-kind="primary">foo</span>

$("#test").attr("title");
$("#test").attr("data-kind");
$("#test").data("kind");
$("#test").data("value", "bar");