12.02 jQuery data()

data()

- 해당 엘리먼트에 Javascript Type의 value를 로 저장할 수 있으며, 값으로 저장되어 있는 데이터를 읽음.

 

[ case 1. 데이타 저장 ]

• 문법 : $(selector).data(key, value)
• key : string type의 변수로 data가 저장될 key값입니다.
• value : object type으로 JavaScript 에서 지원하는 모든 type의 데이터를 저장할수 있습니다.

ex) span 엘리먼트에 data()함수로 "name"과 "address" 세팅방법(저장)

 $("span").data("name", "Nextree");

 $("span").data("address", "가산");

 

[ case 2. 데이터 읽기 ]

• 문법 : $(selector).data(key)
• key : 앞서 저장한 data를 읽어오기 위한 key값입니다.
• key를 생략하고 .data()으로 호출할 경우에는 해당 엘리먼트에 저장된 모든 data들이 JSON형식으로 리턴됩니다.

ex) data(Key)로 저장된 data읽기

var name = $("span").data("name");

var address = $("span").data("address");

 

[ case 3. 데이터 삭제 ]

• 문법 : $(selector).removeData(key)
• key : string type으로 삭제할 data의 key값.