jQueryでdata-*属性を使ってみる

javascriptやjQueryで何らかのデータをhtmlに埋め込んで取りたいけどいいhtml要素がないときdata属性が良さそうです
(古いブラウザならhidden要素でしょうか)

<p class="sentence" data-author="yamada taro">
なんとかかんとか
</p>

$(.sentence).data(“author”)

でyamada taroが取れます

対応しているブラウザはcaniuse.comで調べると良さそうです
IEは8からですね
http://caniuse.com/#search=data-*