自定義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」 和 「類」 以外的任何文字屬性，讓您的數據。