JQuery data()

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>