jquery data() 사용법 / dom에 value 값 넣기

데이터를 조회 후 dom에 데이터를 보관, 사용할 때 jquery에서 제공하는 date() 함수를 사용하면 데이터를 쉽게 관리할 수 있다.

데이터 저장하기

1. $(selector).data(key,value);

형식으로 원하는 key 값을 넣어 데이터를 저장할 수 있다.

2. DOM에 서버에서 받아온 값 또는 원하는 값을 저장 할 수도 있다.

데이터 조회하기

1. $(selector).data() ;

해당 셀렉터에 등록되어 있는 모든 data 값을 json 형태로 리턴해 줍니다.

2. $(selector).data(key);

key에 해당하는 데이터 값을 조회한다.

예제 소스

$(".datatest").data("tel","010-1244-4654");
$(".datatest").data("name","홍길동");
		
console.log("tel 값은 :" + $(".datatest").data("tel"));
console.log("name 값은 :" + $(".datatest").data("name"));
console.log($(".datatest").data());

결괏값은 아래와 같다.

 

진짜 간단하게 data를 넣고 조회할 수 있는 기능인 거 같다.

여러모로 잘 사용하고 있는 기능 중 하나이다.