[Jquery] 제이쿼리 data() 함수 사용 및 예제

제이쿼리 data() 함수

- html 태그의 속성중에서 사용자 정의 속성으로 data-target = "target" 이라는 속성을 정의할 수 있다.

- <div id="divtag"></div>로 이루어진 태그에 data-target 이라는 속성을 data() 함수로 정의할 수 있고 저장된 "target"이라는 값을 얻어올 수도 있다.

 

<div id = "divtag"></div>

data() 함수 Setter

$("#divtag").data('target',"target");

 <결과>

<div id = "divtag" data-target="target"></div>

 

data() 함수 Getter

var data = $("#divtag").data('target');
console.log(data); // target