jQuery può gestire i microdati HTML5 in due modi: attraverso il metodo attr() o il metodo data(). In questo articolo vedremo l'uso di entrambi i metodi.
Partiamo da questa marcatura:
<p id="test" data-box="Test"></p>
Possiamo reperire il microdato associato con attr():
var data1 = test.attr('data-box');
Con il metodo data(), invece, il prefisso può essere omesso:
var data2 = test.data('box');
Potete visionare l'esempio finale in questa pagina.