1. 역할
- data() 는 html 엘리먼트 내에 데이터를 저장하고 읽는 역할을 하는 함수
2. 쓰임새
- 서버에서 조회된 데이터를 추후 ajax 통신을 하기 위한 data 저장
- data()를 활용하여 Form의 <input> 엘리먼트의 validation 적용
-
3. 장점
- html element에 data를 저장하므로 source code를 깨끗하게 유지
- 직관적인 문법으로 쉽게 사용가능
var $span = document.createElement("span");
$($span).data("memberName", "홍길동"); // $span 엘리먼트에 {name: "홍길동"} 을 <key, value> json 형식으로 저장 , camelCase로 저장하면
<span data-member-name='홍길동'></span> // html에는 snake_case로 저장
$($span).data("memberName"); // key값이 memberName 인 value를 get
$($span).removeData("memberName"); // key값이 memberName 인 value를 삭제. 단, html에 저장된 data는 지워지지 않고, null로 바꿔줘야함.
$($span).data("member").name = "홍길동"; // <span data-member= '{"name":"홍길동"}'></span>
