실습 - 속성값 설정 -ex04 실습 중 알게 된 내용 ( data(), attr() )

1. HTML문서를 불러올 때 각 요소에 있는 "data-something" 속성은 $jQuery 객체에 불러와 진다.
2. $jQuery.data() 메서드로 추가하는 "data-something" 속성은 DOM 객체에 표시되지 않는다.
3. $jQuery.attr() 메서드로 추가하는 "data-something" 속성은 DOM 객체에 표시된다
   1. 동적으로 attr()메서드를 사용해 속성 추가 시 브라우저 개발자 도구에서 속성이 생기는 것을 볼 수 있음).
4. 문서를 불러온 후에 동적으로 만든 "data-something" 속성은 각 방법으로 불러올 수 있다.
   1. attr("data-somthing", "value") → attr() 메서드 사용
   2. data("something", "value) → data() 메서드 사용
5. data() 를 통해 불러오는 값과 attr() 메서드를 사용해 불러오는 값은 자료형이 다르다.
   1. $target.data("flag") -> boolean 자료형
   2. $target.attr("data-flag") -> String 자료형

참조: https://this-programmer.tistory.com/300

학우님들이 보기에 오류가 있으면 알려주시기 바랍니다.

감사합니다.