원문 링크 http://api.jquery.com/jQuery.removeData/
개요 : 데이터를 제거합니다.
- jQuery.removeData( element [, name] )
- element 제거할 데이터가 있는 DOM 요소
- name 제거할 데이터의 name
jQuery.removeData()
함수는 jQuery.data()
함수를 이용해 세팅했던 이전 데이터를 제거합니다. key를 알아서 그 key로 접근하면 실제 value가 제거되게 되는 것입니다. 인자를 주지 않으면 모든 value가 한꺼번에 삭제됩니다.
예 제
2개의 데이터를 세팅하고 그중 하나의 데이터를 제거하는 예제입니다.
<!DOCTYPE html> <html> <head> <style> div { margin:2px; color:blue; } span { color:red; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <div>value1 before creation: <span></span></div> <div>value1 after creation: <span></span></div> <div>value1 after removal: <span></span></div> <div>value2 after removal: <span></span></div> <script> var div = $("div")[0]; $("span:eq(0)").text("" + $("div").data("test1")); jQuery.data(div, "test1", "VALUE-1"); jQuery.data(div, "test2", "VALUE-2"); $("span:eq(1)").text("" + jQuery.data(div, "test1")); jQuery.removeData(div, "test1"); $("span:eq(2)").text("" + jQuery.data(div, "test1")); $("span:eq(3)").text("" + jQuery.data(div, "test2"));</script> </body> </html>
미리보기
key로 접근해서 데이터를 제거하는 거네요. 음.... 왠지 쓸모있는 메소드입니다.
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
Draggable, 드래그 기본사용, 이벤트 제어, 움직임 제한 (0) | 2012.07.10 |
---|---|
jQuery.unique(), DOM 요소 배열에서 중복된 노드를 제거 (0) | 2012.07.02 |
jQuery.type(), object 타입 알아내기 (0) | 2012.07.02 |
jQuery.trim(), 양쪽 끝 공백 제거 (0) | 2012.07.02 |
jQuery.parseXML(), XML 문서를 파싱 (0) | 2012.07.02 |
jQuery.parseJSON(), JSON 문자열을 JavaScript object로 변환 (0) | 2012.07.02 |
jQuery.now(), 현재 시간을 number로 반환 (2) | 2012.07.02 |
jQuery.merge(), 두 개의 배열을 합치기 (1) | 2012.07.02 |