自定义HTML属性和jQuery

Question

我经常需要在页面元素中存储少量引用，大部分时间都是<div>。我找不到太多关于创建自己的属性的有效性的文档。你有什么建议是最有效的方法，甚至可以做到这一点？如果是这样，我可以使用jQuery的attr（）调用来获取引用吗？

示例：<div class="sample" dataref="Sample Data Reference"></div>

Answer 1

使用HTML5数据属性

请参阅：http://api.jquery.com/data/

E.g。

<div class="sample" data-ref="some string" />

然后：

$('.sample').data('ref');

Answer 2

使用jQuery数据功能。数据不会显示在DOM中，但您可以快速设置和访问它。文档：

http://api.jquery.com/jQuery.data/

示例：

// set value
$.data(element, key, value);

// get value
var value = $.data(element, key); 

Answer 3

我觉得你可以使用除“id”和“class”属性之外的任何词来保存你的数据。