jQuery 데이터 - data() 메서드

jQuery 데이터 참조 매뉴얼

예제

데이터를 요소에 추가하고 그 데이터를 가져옵니다:

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

개인적으로 시도해 보세요

정의와 사용법

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

요소에서 데이터를 반환합니다

선택된 요소에서 추가된 데이터를 반환합니다.

문법

$(선택자).data(name)
파라미터 설명
name

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

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

요소에 데이터를 추가합니다

선택된 요소에 데이터를 추가합니다.

문법

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

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

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

문법

$(선택자).data(object)

개인적으로 시도해 보세요

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

jQuery 데이터 참조 매뉴얼