사용자 정의 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"와 "클래스"가 아닌 다른 단어를 사용할 수 있습니다 느낌이 데이터를 유지하는 속성.