html5 自定义标签属性取值为undefined 笔记随记

html5 自定义标签属性用于存储数据，

简单示例如下：

<div id="showData" data-clickvalue="1"></div>

利用jquery取出属性值操作为：$("#showData").data("clickvalue");

自定义标签属性命名避免使用驼峰命名 错误示例如下：

<div id="showData" data-clickValue="1"></div>

利用jquery取出属性值操作为：$("#showData").data("clickValue"); // 取出值为undefined

解释：jquery利用驼峰命名取出的属性值所对应的标签命名规则为连字符命名，所以自定义标签正确的命名方式为：

<div id="showData" data-click-value="1"></div>

利用jquery取出属性值操作为：$("#showData").data("clickValue");