~응지의 개발 공부장~

고정 헤더 영역

글 제목

메뉴 레이어

~응지의 개발 공부장~

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (13)
    • JAVA (1)
    • IT (10)
    • angularjs (0)
    • SQL (2)

검색 레이어

~응지의 개발 공부장~

검색 영역

컨텐츠 검색

jQuery

  • [JQuery] HTML5의 Custom data selector

    2021.12.12 by 조응지

[JQuery] HTML5의 Custom data selector

HTML5에서는 해당 요소에 사용자가 임의로 정한 속성값을 활용할 수 있습니다. 즉, 태그에 간략히 데이터를 저장하는 것입니다. 사용방법 단, 이름에 대문자를 입력하면 자동으로 소문자로 변환되기 때문에 기본적으로 소문자를 사용해야 합니다. 예시 JQuery에서 접근하기 // 데이터 읽기 $('div').data('name'); //데이터 저장하기 $('div').data('name', 'eunji'); //데이터 지우기 $('div').removeData('name'); //셀렉트 $('[data-name=eunji]'); 간혹, 데이터 함수가 적용이 잘 안되는 경우가 있다. 이럴때는 attr을 이용하여 동일하게 처리할 수 있습니다. //데이터 읽기 $('div').data('data-name'); //..

IT 2021. 12. 12. 19:54

추가 정보

인기글

최신글

페이징

이전
1
다음
TISTORY
~응지의 개발 공부장~ © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바