jquery jQuery.data() 메서드
번역 결과：
jQuery
이벤트; 모바일; 과학 실험에서 추출된 데이터;
jquery jQuery.data() 메서드통사론
함수: data() 메서드는 선택한 요소에 데이터를 추가하거나 선택한 요소에서 데이터를 가져옵니다. 이것은 낮은 수준의 방법입니다. .data()를 사용하는 것이 더 편리합니다.
요소의 반환 기능: 선택한 요소에서 추가 데이터를 반환합니다.
구문: $(selector).data(이름)
매개변수:
| Parameters | Description |
| name | 선택 사항입니다. 검색할 데이터의 이름을 지정합니다. 이름이 지정되지 않은 경우 이 메서드는 요소에 저장된 모든 데이터를 객체로 반환합니다. |
요소에 데이터 추가: 선택한 요소에 데이터를 추가합니다.
구문: $(selector).data(이름,값)
매개변수:
| Parameters | Description |
| name | 필수입니다. 설정할 데이터의 이름을 지정합니다. |
| 값 | 필수입니다. 설정할 데이터의 값을 지정합니다. |
객체를 사용하여 요소에 데이터 추가: 이름/값 쌍이 있는 객체를 사용하여 선택한 요소에 데이터를 추가합니다.
구문: $(selector).data(object)
매개변수:
| Parameters | Description |
| object | 필수입니다. 이름/값 쌍을 포함하는 개체를 지정합니다. |
jquery jQuery.data() 메서드예
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn1").click(function(){
$("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
alert($("div").data("greeting"));
});
});
</script>
</head>
<body>
<button id="btn1">把数据添加到 div 元素</button><br />
<button id="btn2">获取已添加到 div 元素的数据</button>
<div></div>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요