人們總喜歡往HTML標(biāo)簽上添加自定義屬性來存儲和操作數(shù)據(jù)。但這樣做的問題是，你不知道將來會不會有其它腳本把你的自定義屬性給重置掉，此外，你這樣做也會導(dǎo)致html語法上不符合Html規(guī)范，以及一些其它副作用。這就是為什么在HTML5規(guī)范里增加了一個自定義data屬性，你可以拿它做很多有用的事情。

你可以去讀一下HTML5的詳細(xì)規(guī)范，但這個自定義data屬性的用法非常的簡單，就是你可以往HTML標(biāo)簽上添加任意以 "data-"開頭的屬性，這些屬性頁面上是不顯示的，它不會影響到你的頁面布局和風(fēng)格，但它卻是可讀可寫的。

下面的一個代碼片段是一個有效的HTML5標(biāo)記：

復(fù)制代碼 代碼如下:

<div
data-myid="3e4ae6c4e">Some awesome data</div>

復(fù)制代碼 代碼如下:

var myid= jQuery("#awesome").data('myid');
console.log(myid);

復(fù)制代碼 代碼如下:

<div data-awesome='{"game":"on"}'></div>

復(fù)制代碼 代碼如下:

var gameStatus= jQuery("#awesome-json").data('awesome').game;
console.log(gameStatus);