728x90

HTML에서 커스텀 데이터라고 데이터를 저장하는 방법이 있다.
data-작명="값"  이런 방식으로 넣으면 된다.

데이터 속성은 순 HTML이기 때문에 CSS에서도 접근이 가능하다.

자바스크립트에서 커스텀 데이터에 접근하려면
document.getElementByClassName('tab-button').dataset.id; 이렇게 하면 접근할 수 있다.

 


커스텀 데이터 말고도 제이쿼리로도 데이터를 강제로 입력할 수 있다.

$('.list).data('작명', '값'); 이렇게 하고

console.log( $('.list).data('작명') ); 찍어보면

이렇게 데이터를 저장하고 불러올 수 있다.

728x90

'jQuery' 카테고리의 다른 글

이벤트 리스너, 이벤트함수  (0) 2022.01.25
[jQuery] each  (0) 2021.12.08

+ Recent posts