首先看一下語(yǔ)法

向元素附加數(shù)據(jù)

向被選元素附加數(shù)據(jù),。

語(yǔ)法

$(selector).data(name,value)

從元素返回?cái)?shù)據(jù)

從被選元素中返回附加的數(shù)據(jù)。

語(yǔ)法

$(selector).data(name)

如頁(yè)面有如下元素：

<div id="mydiv"  data-app="mydata">this is div</div>

使用jquery 方法

<script type="text/javascript">

$(function() {

alert($("#mydiv").data("app")) //mydata  

alert($("#mydiv").data("app","123"))//賦值為123

alert($("#mydiv").data("app"))//123 只是修改了緩存中的值 并沒(méi)有改變標(biāo)簽中的值

alert($("#mydiv").attr('data-app'))//mydata  

})

</script>

HTML5規(guī)定可以為元素添加非標(biāo)準(zhǔn)型的屬性，只需添加前綴data-,，這些屬性可以隨意添加,，隨意命名，目的是為元素提供與渲染無(wú)關(guān)的信息,，或提供語(yǔ)義信息,。

var mydiv = document.getElementById('mydiv');

alert(mydiv.dataset.dataapp) //123

data-前綴屬性可以在JS中通過(guò)dataset取值，更加方便