jQuery.data()

수다왕

· 7년 전 · 조회 1819 1819

jQuery.data()

지정된 요소와 관련된 임의의 데이터를 저장하거나 설정된 값을 반환합니다.

이 jQuery.data()방법을 사용하면 순환 참조로부터 안전하고 메모리 누수가없는 방식으로 DOM 요소에 모든 유형의 데이터를 첨부 할 수 있습니다. jQuery는 jQuery 메서드를 통해 DOM 요소를 제거하고 사용자가 페이지를 떠날 때 데이터가 제거되도록합니다. 하나의 요소에 대해 여러 개의 고유 한 값을 설정하고 나중에 검색 할 수 있습니다.

jQuery.data( document.body, "foo", 52 );
jQuery.data( document.body, "bar", "test" );

추가 참고 사항 :

Internet Explorer에서는 확장 속성을 통해 데이터를 첨부 할 수 없으므로이 메서드는 현재 XML 문서의 데이터 설정을위한 플랫폼 간 지원을 제공하지 않습니다.
undefined데이터 값으로 인식되지 않습니다. 와 같은 호출 jQuery.data( el, "name", undefined )은 "이름"에 해당하는 데이터를 리턴 할 것이기 때문에와 같습니다 jQuery.data( el, "name" ).

예:
그런 다음 저장소는 div 요소에서 값을 검색합니다.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery.data demo</title>
<style>
div {
color: blue;
}
span {
color: red;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<div>
The values stored were
<span></span>
and
<span></span>
</div>

<script>
var div = $( "div" )[ 0 ];
jQuery.data( div, "test", {
first: 16,
last: "pizza!"
});
$( "span:first" ).text( jQuery.data( div, "test" ).first );
$( "span:last" ).text( jQuery.data( div, "test" ).last );
</script>

</body>
</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4886	PHP	여러 체크박스 체크하고, 또 수정할 경우에 체크된 상황을 그대로 보여주는,,,	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2385
4885	PHP	배열 내장함수 - array_change_key_case	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2703
4884	기타	일반적인 미디어쿼리 [4]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3080
4883	PHP	특정 ip에서만 모바일 사용	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2361
4882	PHP	문자열 자르기, substr() [1]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3701
4881	PHP	하루전 일주일전 한달전 [1]	col 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3339
4880	JavaScript	어제날짜, 내일날짜 구하기	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3340
4879	JavaScript	날짜형식 체크 [2]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3062
4878	PHP	유용한 일반 함수 모음 (PHP) [12]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	5450
4877	PHP	리눅스에서 <?php 는 작동하는데 <? 로 시작하면 파일 깨질때... [5]	welcome 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2909
4876	OS	1원팁: Vagrant와 VirtualBox 호환 버전 - 2018.05.02기준	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2934
4875	기타	2개의 DB에 그누보드가 설치되었을 때 변경된 칼럼비교 (g5로 시작되는 테이블만 일단!) [1]	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2385
4874	PHP	GeoIP 모듈 사용시 2자리코드를 한글로 반환 해주는 코드	LucyLee 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2749
4873	웹서버	도메인 rewrite 구현? [1]	black 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2356
4872	PHP	php async [3]	terrorboy 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3573
4871	기타	웹 문서를 PDF 로 변환/다운로드 해주는 사이트 [6]	상큼쏭 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3350
4870	기타	ing API를 이용한 주식자동매매 프로그램(1)	어스지웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	5650
4869	기타	아이폰 사파리 자동로그인해결하기	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	4215
4868	JavaScript	스택(stack)을 이용한 사칙연산(+ - * /) 계산기 [4]	슈와이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	4579
4867	PHP	PHPMailer 를 이용한 email 발송 [2]	싸이드뤠이스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3920
4866	JavaScript	다양한 카운트다운 소스 [6]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	4439
4865	PHP	간단한 PHP 프레임워크 [10]	gshn 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	5626
4864	jQuery	atj.js [3]	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2586
4863	jQuery	간략 이미지 롤오버 jquery문 ( mouseenter/mouseleave 이벤트 ) [4]	루돌프사슴코 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3990
4862	JavaScript	네이버 지도 api v3 주소->좌표 변환해서 출력하는 예제 [5]	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	7800
4861	기타	Poedit 기본 문장 입력을 간단하게	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2255
4860	웹서버	우분투 LEMP 스택 자동 설치 스크립트	gshn 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	2499
4859	기타	poedit 를 사용하여 po, mo 파일 만들기 [1]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	6951
4858	기타	poedit 를 사용하여 그누보드5 다국어 버전 쉽게 만들기 [10]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	5115
4857	웹서버	네이버클라우드플랫폼에서 서버생성하고 NGINX + PHP-FPM + MariaDB 설치하기 [12]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	6192