JQuery data() -- JQuery



JQuery에 data()라는 것이 있는데 HTML Element에 <key, value> 형태로 데이터를 저장/조회 하는 기능을 한다.
value는 javascript의 데이터타입을 모두 저장이 가능하다.


1. 데이터설정

<script>
$('#test').data('name', 'kim');
$('#test').data('age', 10);
</script>

<div id="test"></div>

위와 같이 실행을 하면 아래와 같이 HTML Element에 데이터가 설정되는 효과가 있다.

<div id="test"
     data-name="kim"
     data-age=10>
</div>


2. 데이터조회

반대로 data의 값을 조회할 때는 아래와 같이 가능하다.

<script>
var name = $('#test').data('name'); // kim
var age = $('#test').data('age'); // 10
</script>

<div id="test"
     data-name="kim"
     data-age=10>
</div>



덧글

댓글 입력 영역



20140817_300_250

통계 위젯 (화이트)

2141
135
1071405