jQuery 데이터 - jQuery.data() 메서드

jQuery 데이터 참조 매뉴얼

예제

데이터를 요소에 추가한 후, 이 데이터를 반환합니다:

$("#btn1").click(function(){
  $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
  alert($("div").data("greeting"));
});

직접 시험해 보세요

정의와 사용법

data() 메서드는 선택된 요소에 데이터를 추가하거나 선택된 요소에서 데이터를 가져옵니다.

주의:이것은 하위 수준 메서드입니다; .data() 더 편리합니다.

요소에서 데이터 반환

선택된 요소에서 추가된 데이터 반환

문법

$(selector).data(name)
파라미터 설명
name

선택적. 반환할 데이터의 이름을 정의합니다.

이름이 지정되지 않으면, 이 메서드는 요소에서 모든 저장된 데이터를 객체 형태로 반환합니다.

요소에 데이터 추가

선택된 요소에 데이터 추가

문법

$(selector).data(name,value)
파라미터 설명
name 필수. 설정할 데이터의 이름을 정의합니다.
value 필수. 설정할 데이터의 값을 정의합니다.

객체를 사용하여 요소에 데이터 추가

이름/값 쌍을 포함하는 객체를 사용하여 선택된 요소에 데이터를 추가합니다.

문법

$(selector).data(object)

직접 시험해 보세요

파라미터 설명
object 필수. 이름/값 쌍을 포함하는 객체를 정의합니다.

jQuery 데이터 참조 매뉴얼