쓰기 예
<div data-lole = page data-lest-value = 43 data-hidden = true data-options = '{name : john}'> </div> 1. 정의 :데이터-* 속성은 스토리지 페이지 또는 응용 프로그램에 대한 개인 사용자 정의 데이터를 저장하는 데 사용됩니다.
데이터-* 속성은 모든 HTML 요소에 사용자 정의 데이터 속성을 포함 할 수있는 기능을 제공합니다.
2.주의를 기울이십시오 :데이터-* 속성에는 두 부분이 포함됩니다.
jQuery에서 .data () 함수를 사용하려면 Data-*속성 값을 사용하십시오.
console.log ($ (div) .data ( 'lastValue'); : 페이지는 : 페이지입니다지침
데이터-** 속성 이름 형식 HUMP 이름 다시 쓰기
이 데이터 속성을 처음으로 사용한 후 데이터 부여가 더 이상 액세스하거나 변경되지 않습니다 (모든 데이터 값은 jQuery 내에 저장됩니다).
데모:
console.log ($ (div) .data ( 'lastValue'); // 출력 값은 44 $ ( 'div') [2]입니다 문서의 세 번째 div, 우리는이 dom // output을 출력합니다.
두려워하지 마십시오. 다시 출력합니다
console.log ($ (div) .data ( 'lastValue'));
값은 jQuery 내부에 저장됩니다
jQuery에서 .attr () 함수와 함께 데이터-*속성 값을 사용하십시오.
console.log ($ ( 'div'). attr ( 'data-lole'); // 출력 값은 : pageconsole.log ( 'div'). ; // 출력 값은 43입니다
jQuery에서 .attr () 함수로 데이터-*속성 값 설정
$ ( 'div').
참고 : 프랙셜 숫자는 혹 이름으로 변환해야합니다.
요약위는 HTML5 새로운 속성 데이터와 편집자가 소개 한 JS/JQuery 간의 상호 작용입니다 시간에. 에센스 VEVB WULIN 웹 사이트를 지원해 주셔서 대단히 감사합니다!