[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