1) 속성 값 구하기
.attr( 속성이름 )
.data( data-속성이름 )
2) 속성 값 설정하기
.attr( 속성이름 , 값 )
.data( data-속성이름 , 값 )
.attr()
1) .attr(attributeName) : 선택된 요소 집합에서 첫번째 요소의 attributeName에 해당하는 속성값을 반환한다.
.attr() 함수는 선택자에 의해 선택된 요소들 중에서 제일 처음 요소의 속성값을 가지고 오는 함수입니다. 만일 모든 요소들의 속성값을 개별적으로 알고 싶다면, jQuery의 .each()함수나 .map()함수를 사용해야 합니다.
.attr() 함수는 속성값을 가져오지 못하면 undefineded를 반환합니다.
https://jsfiddle.net/Kimara/bqfw6u89/1/
2) .attr( attributeName(속성명), value(속성값)) : 선택자에 의해 선택된 요소에 하나 이상의 속성을 부여할 수 있습니다.
.data()
data()는 HTML 엘리먼트 내에 데이터를 저장하고 읽는 역할을 하는 함수입니다.
1) 해당 엘리먼트에 Javascript Type의 value를
문법 : $(selector).data(key, value)
key : string type의 변수로 data가 저장될 key값입니다.
value : object type으로 JavaScript 에서 지원하는 모든 type의 데이터를 저장할수 있습니다.
2) 데이터 읽기
문법 : $(selector).data(key)
key : 앞서 저장한 data를 읽어오기 위한 key입니다.
key를 생략하고 .data()로 호출할 경우에는 해당 엘리멘트에 저장된 모든 data들이 JSON 형식으로 리턴됩니다.
데이타참고(http://www.nextree.co.kr/p10155/)