jQuery : 사용자 정의 속성과 함께 attr 사용

Question

지금은 다음과 같은 다양한 무효 한 일을하고 있습니다.

<span time="50" distance="60"></span> 

그리고 나서 그 정보를 얻습니다 :

var time = $('span').attr('time'); 
var distance = $('span').attr('distance'); 

그리고 나서 jS/jQuery에서 시간과 거리로 여러 가지 일을합니다.

나에게 이것은 잘못된 생각이다. 그것은 비꼬는 말이지 만, 나는 그것에 대해별로 신경 쓸 수 없다. (실제 데이터는 시간과 거리가 아니라 쓸데없는 페이지와 특정 페이지, SE는 관심이 없다.) 그러나 이것이 나쁜 생각 인 이유가 있습니까?

좀 더 '공식적인'방식으로 비슷한 것을하는 메타 데이터 플러그인이 있다는 것을 알고 있으며, 그것을 사용하는 것에 대해 생각했습니다. 그러나이 .attr 항목은 내 요구에 적합하며 플러그인을 사용할 특별한 이유가 없습니다.

기본적으로, 이것은 사용하기에 알맞은 패턴이며, 그렇지 않다면 왜 안되며, 메타 데이터 플러그인에 관심을 가져야합니다.

고마워.

Answer 1

HTML5에는 이전 버전과 호환되는 특성에 데이터를 포함 할 수있는 기능이 포함되어 있습니다. 다음 예는 다음과 같습니다

<li class="user" data-name="John Resig" data-city="Boston" 
    data-lang="js" data-food="Bacon"> 
    <b>John says:</b> <span>Hello, how are you?</span> 
</li> 

Useragents 아마도 쉽게 별도로 데이터 비트를 꺼내 할 것입니다 자바 스크립트로 .dataset 아이디어를 구현하는 것입니다,하지만 지금은 당신의 클래스를 변경하기위한 데이터 -이 충분 포함. 그러면 HTML5로 확인됩니다.

나에게 이것은 메타 데이터 jquery 아이디어보다 훨씬 뛰어나다. . VAR 거리 = $ ('기간') ATTR ('거리');

See here for more info.

Answer 2

사용자 지정 특성을 사용하고 XHTML을 사용하는 경우에는 네임 스페이스를 지정하고 해당 'xmlns'정의를 'html'요소의 일부로 제공하는 것이 좋습니다. 상황에 맞는 정보를 제공하기 위해 속성을 추가해야 할 때마다이 작업을 수행합니다. 특히 jQuery와 같이 지금까지 꽤 잘 작동했습니다. 대신 .attr('ns:name')을 사용하면됩니다.

Answer 3

왜 사용하지 않으시겠습니까? 귀하의 페이지는 validate on XHTML이 아닙니다.

하지만 유효성 확인 방법에 따라 다릅니다.

Answer 4

metadata plugin을 사용할 수 있습니다.

<span class="{ time:'50', distance:'60'}"></span> 

을하고 자바 스크립트는 다음과 같습니다 : 그런 다음 HTML이 될 것

var data = $('span').metadata(); 
var time = data.time; 
var distance = data.distance; 

마크 업 유효성을 검사 할 그 길을 당신은 서버 측에 자바 스크립트로 데이터를 얻을 수 있습니다.

편집 : 이미 메타 데이터 플러그인을 언급 한 것으로 나타났습니다. 미안하지만, 나는 흥분하고 그냥 제대로 질문을 읽지 않고 게시있어. 다른 사람이 유용하다고 생각할 경우에 대비하여 여기에 내 답변을 남겨 둘 것입니다.

Answer 5

jQuery는 속성과 DOM 속성을 동일한 것으로 취급한다는 점에서 혼란이 있습니다. 속성은 마크 업에 대한 메타 데이터입니다. DOM 속성은 DOM 개체에 대한 메타 데이터입니다. jQuery는 DOM 속성을 사용하여 마크 업 요소를 나타내는 DOM 객체에 대한 메타 데이터를 조작합니다. 잘못 설명하기 위해 용어 "속성"을 사용합니다.