jQuery: data() 이해와 활용
jQuery를 조금이나마 접해보신 분들은 다양한 방법으로 DOM을 select하거나 이벤트 제어, Ajax통신 등 jQuery가 지원하는 편리한 기능에 많이 익숙해지셨을 거라 생각됩니다. 이번에 준비한 글은 매우
www.nextree.co.kr
1. 데이터 저장
$( "element" ).data( key, value )
key: string type의 변수
value: object type으로 자바스크립트에서 지원하는 모든 데이터를 저장
2. 데이터 읽기
$( "element" ).data( key)
key: 앞서 저장한 데이터를 읽어오기 위한 key값
** key를 생략하고 .data( )로 호출 시 선택한 요소의 모든 데이터를 불러온다.
RULE
case1 : $("element").data("name")
case2 : $("element").data("memberName") -> data-member-name = "value"
case3 : $("element").data("member-name") -> data-memberName = "value"
**string type으로 저장되는 value의 타입을 판별하여 자바스크립트에서 지원하는 data type으로 알맞게 형태변환을 시켜준다!!
3. 데이터 삭제
$( "element" ).removeData( key)
**스크립트로 data( ) 함수를 활용하여 저장한 값은 removeData( )로 삭제할 수 있지만, 요소 내에 있는 data-* 는 데이터를 삭제할 수 없다.
**대신 data( key, null )로 사용할 수는 있다.
댓글