解放区在住氷翠 緑の閃光

Dataメソッドについて【Jquery】

2016-06-12 21:35

ちょっと便利なJqueryの使い方。
使わないし、1.4.3以降のバージョンで実装されたものらしいが、使って見ると意外と使えている。
どういうものかというと、

$("タグ").data("click", true);

上記は非常に楽な書き方をしたのだけど、タグに対して属性を持たせて、データを保持するもの。
で、これを取得したり設定できたりもする。

ではタグのほうはどういう感じかというと

<div class="sample" data-click="true">内容</div>

こんな感じで使われるわけです。
上の第1引数にある「click」が「data-○○○○」の部分になり、その内容が設定されています。

これを利用すればさらにおもしろい動きを実現することができるかと思います。