jQuery에서 data 메소드를 사용하여 요소에 저장된 데이터 객체

<div id="myDiv" data-name="John" data-age="30" data-gender="Male"></div>


// jQuery를 사용하여 데이터 객체 가져오기
var myData = $('#myDiv').data();
console.log(myData); // 출력: {name: "John", age: 30, gender: "Male"}


// jQuery를 사용하여 데이터 객체에서 단일 항목 가져오기
var name = $('#myDiv').data('name');
console.log(name); // 출력: "John"

예를 들어, HTML 요소에 data 속성을 사용하여 데이터 객체를 설정하고 다음과 같이 가져올 수 있습니다.