jQuery.removeData()
원문 링크
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 |