HTML문서를 불러올 때 각 요소에 있는 'data-something' 속성은 $jQuery 객체에 불러와 진다. $jQuery.data() 메서드로 추가하는 'data-something' 속성은 DOM 객체에 표시되지 않는다. $jQuery.attr() 메서드로 추가하는 'data-something' 속성은 DOM 객체에 표시된다 동적으로 attr()메서드를 사용해 속성 추가 시 브라우저 개발자 도구에서 속성이 생기는 것을 볼 수 있음). 문서를 불러온 후에 동적으로 만든 'data-something' 속성은 각 방법으로 불러올 수 있다. attr('data-somthing', 'value') → attr() 메서드 사용 data('something', 'value) → data() 메서드 사용 data() 를 통해 불러오는 값과 attr() 메서드를 사용해 불러오는 값은 자료형이 다르다. $target.data('flag') -> boolean 자료형 $target.attr('data-flag') -> String 자료형 참조: https://this-programmer.tistory.com/300 학우님들이 보기에 오류가 있으면 알려주시기 바랍니다. 감사합니다.

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

22.04.13 13:55 작성 조회수 145

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

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

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

감사합니다.

자바스크립트+jQuery 기초부터 실무까지 : 중급 Part.2

실습 - 속성값 설정

강의실 바로가기

답변 0

답변을 작성해보세요.

답변을 기다리고 있는 질문이에요.
첫번째 답변을 남겨보세요!