はてなブックマーク

HTML5からdata属性が使えるようになりましたが使っていますか？ 使う必要がない人は使わなくてもいいですが、プログラムと掛け合わせて行くと結構使う場面が多いんですよね。 とても便利なんですが、大文字が使えない！？ってちょっとドハマりしてしまいました。 data属性って何？？ そもそもdata属性って何でしょう。 正式名称は、独自データ属性というみたいです。 「data-*」となり、後ろの部分を自由にカスタマイズする事ができます。 使い方としては下記みたいな感じになります。 <ul> <li data-pref="tokyo">東京</li> <li data-pref="osaka">大阪</li> </ul> <script> $('li').click(function () { if ($(this).data('pref') == 'tokyo') { alert('東京をクリ