[ JavaScript / jQuery ] javaScript에서 html 태그 조작하기

1. html 태그에 "data-작명" 형태로 정보를 저장해 놓으면 JavaScript에서 쉽게 데이터를 꺼내 쓸 수 있다.
    IE 11 이상에서만 사용 가능해서 호환성 고려해야 함.
    그래서 jQuery 문법으로 데이터 심는 경우가 많음.

<li class="tab-button" data-id="0"></li>

<script>
	let id = e.target.dataset.id; // 이런 형식으로 접근 가능
</script>

2. jQuery 문법으로 HTML 태그에 정보를 저장할 수도 있다.

<script>
  $('.list').data('작명', '값'); // 저장
  $('.list').data('작명'); // 값 얻어오기
</script>