jQueryでhtml5のdata属性の値を取得

jQueryの短縮記法について。

jQueryで、ある属性にどんな値が設定されているか取得するには
このようにattr属性を使います。

<a href="index.html">index</a>
var a_href = $('a').attr('href');

これが、html5でオリジナルの属性を設定できるdata属性だと
attrのままでも取得できますが
dataをつかって記述を短縮することもできます。

<a href="index.html" data-category="topic">index</a>
var a_attr_category = $('a').attr('data-category');
var a_category = $('a').data('category');

関連記事

Pocket