自定义HTML属性和jQuery

Question

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

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

Answer 1

使用HTML5数据属性

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

例如

<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”属性之外的任何单词来保存你的数据。