JQueryのattr属性とjQuery.data()学習ノート

html直接data-keyで保存し、keyはすべて小文字でなければなりません.

<div data-mydata="123"></div>

consoloe.log($("div").data("mydata"));
//output 123

二keyで短横線を使用することを避ける

<a id="bar" data-foo-bar-baz="fizz-buzz" href="#">fizz buzz!</a>

$('#bar').data().fooBarBaz; //works
$('#bar').data()['fooBarBaz']; //works
$('#bar').data()['foo-bar-baz']; //does not work