自定义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” 和 “类” 以外的任何文字属性，让您的数据。