HTML5 data-*_jquery를 운용하는 jquery 활용 사례 공유

HTML5의 세부 사양을 읽은 후에는 이 사용자 정의 데이터 속성의 사용법이 매우 간단하다는 것을 알게 될 것입니다. 즉, "data-"로 시작하는 속성을 HTML 태그에 추가할 수 있습니다. 페이지에 표시되면 페이지 레이아웃과 스타일에 영향을 미치지 않지만 읽고 쓸 수 있습니다.

이 메서드는 이미 jquery에 내장되어 있습니다. $('#content').data('list');를 통해 데이터를 얻을 수 있습니다. 이 메서드는 jQuery 버전 1.4.3 이후에 등장했으며 해당 데이터 속성을 반환할 수 있습니다. .