728x90
HTML5에 들어와서 개발자가 DOM 객체에 데이터를 저장해두기 위해 표준 속성을 권고한다.
data-xxx와 같이 data-로 시작하는 속성을 사용하도록 권고합니다. 예를 들어 <tr> 태그에 사용자의 나이를 저장해두기위해 air속성을 넣어두고 싶은 경우 <div air="13"> 이 아닌 <div data-air="13">과 같이 사용하도록 권고하는 것입니다.
아래 예제를 참조 하기 바란다. ^^
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<div id="zero" hidden="false" name="zero" class="babo" value="Hello" data-air="23" alyt="77" >Content</div>
<script type="text/javascript">
$(document).ready(function() {
$('#zero').data('air'); // 23
alert($('#zero').attr('alyt'))
$('#zero').data('air', 24); // 24로 data-air를 24로 변경
document.getElementById('zero')['data-air'] = 24;
});
</script>
</body>
</html>728x90
'Jquery' 카테고리의 다른 글
| [Jquery] Show & Hide (0) | 2020.08.20 |
|---|---|
| Jquery 대소문자 변환 (2) | 2020.08.19 |
| [Jquery] 폼 배열 접근하기 $().eq() 함수 (2) | 2020.08.18 |
| Jquery 마우스 오버시 손가락 모양 만들기 (2) | 2020.08.17 |
| Jquery textarea 글자수 체크 (0) | 2020.08.17 |