HTML5의 세부 사양을 읽은 후에는 이 사용자 정의 데이터 속성의 사용법이 매우 간단하다는 것을 알게 될 것입니다. 즉, "data-"로 시작하는 속성을 HTML 태그에 추가할 수 있습니다. 페이지에 표시되면 페이지 레이아웃과 스타일에 영향을 미치지 않지만 읽고 쓸 수 있습니다.
이 메서드는 이미 jquery에 내장되어 있습니다. $('#content').data('list');를 통해 데이터를 얻을 수 있습니다. 이 메서드는 jQuery 버전 1.4.3 이후에 등장했으며 해당 데이터 속성을 반환할 수 있습니다. .
jquery를 사용하여 HTML5 데이터 조작-*
머리>
http://code.jquery.com/jquery-2.1.0.min.js">>
$(함수(){
//데이터 값 읽기-*
$("li").each(function(v) {
console.log($(this).data('이름'));
});
//데이터 값 설정-*
$("li").eq(0).data('name','bryant');
$("li").each(function(v) {
console.log($(this).data('이름'));
});
//data 값 삭제-* 여기서는 RemoveAttr을 사용하고 있으며, 공식 RemoveData 테스트는 작동하지 않습니다
$("li").eq(0).removeAttr('data-name');
$("li").each(function(v) {
console.log($(this).data('이름'));
});
})
본문>