[html5] html element의 속성을 커스텀

'dada-*' 과같은 형태로 커스텀 엘리먼트 속성을 줄 수가 있다.

돔엘리먼트의 .data() 메소드로 값을 가져올 수 있다. 값을 저장해줄 수도 있음.

*( 주의 - javascript에서는 속성명을 camelCase로 인식함 )

 

.data('example') // get data

.data('temp','this') // set data

 

ex.

<li data-tab-index="tab1"><a href="#tab2-1">수업하기</a></li>

<div data-tab-index="tab2"><a href="#tab2-2">자료 모아보기</a></div>

$('li').data('tabIndex') // "tab1"

 

 

간단해보이지만 아주아주 편한 기능 코드가 깔끔해진닷 ! ^ㅡ^