html5 自訂資料屬性 ，也就是 data-* 自訂屬性---筆記。

標籤：blog   使用   io   strong   資料   div   html   log   

html5  自訂資料屬性 ，也就是 data-* 自訂屬性。          

　　　　 例如

<div  data-last-value="43" data-hidden="true" data-options=‘{"name":"John"}‘></div>

 

            可以有三種方法訪問和修改data：
                1.使用getAttribute setAttribute 方法   例如 div.getAttribute("data-last-value")
                2.使用dataset屬性
                    返回一個集合
                    　　div.dataset  -->  DOMStringMap { options:"{\"name\":\"John\"}", hidden:"true", lastValue:"43"}
                    可以訪問，添加，刪除

　　　　　　　　　　div.dataset.hidden   div.dataset.newAttr = "123"  delete div.dataset.hidden
                3.使用jquery的data方法
                    .data( key, value )
                        .data( key, value )
                        .data( obj )  --> 設定多個索引值對
                    .data( key )
                        .data( key )
                        .data()  -->返回一個集合
                    jQuery比較特殊的是，它會將傳回值字串自動轉換為對應的資料類型。
                  　　   比如上面的  $("div").data()  -->  {options : {"name":"John"}, hidden: true, lastValue: 43 }

              注意：對於dataset屬性和jQuery的data方法： data- 屬性名稱如果包含了連字號，例如：data-last-value ，連字號將被去掉，並轉換為駝峰式的命名，前面的屬性名稱轉換後應該是：lastValue 。