inflearn logo
강의

講義

知識共有

JavaScript + jQueryの基礎から実務まで:中級Part.2

実習 - 属性値設定

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

294

hello123

投稿した質問数 7

0

  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

 

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

감사합니다.

jquery javascript

回答 0

수강자료 다운로드 관련 문의

0

21

2

선택정렬 이해하기 & 구현하기

0

9

1

mission12-01 guide.md파일 누락

0

14

1

자료집 관련

0

25

2

13. (App 2) 기본기 훈련 에서

0

34

1

챌린지 시작일 문의

0

39

0

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

32

1

11차시 Antigravity IDE 설치 후

0

34

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

36

1

5,6,7,8 내용이 없어요

0

33

1

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

0

31

1

mission 09-01 을 수행할 수 없어요

0

33

1

Context API vs Zustand 그리고 Auth

0

39

2

순수 함수 / 순수 컴포넌트

0

27

1

css box-sizing 관련 질문

0

35

2

스니펫이 이상해요

0

34

2

Editor Component의 최적화 불가능 이슈

0

40

2

useCallback ⊂ useMemo

0

38

2

깃허브 저장소를 어디에 첨부하셨나요?

1

46

1

nestjs 강의는 없나요??

1

42

2

스타터 저장소

1

46

1

What is Rxjs

0

33

1

'사용자 정의 이벤트 만들기' 에 대한 교안 설명 부분이 누락된 것 같습니다.

0

171

0

섹션 0. 실습 - jQuery를 활용한 스타일 값 설정하기 - ex11 中

0

248

0