HTML5中的data 屬性

2021-07-27 07:01:24 字數 528 閱讀 9974

data-* 屬性包括兩部分:

屬性名不應該包含任何大寫字母,並且在字首 "data-" 之後必須有至少乙個字元;

屬性值可以是任意字串;

注釋:使用者**會完全忽略字首為 "data-" 的自定義屬性。

與jquery的.data()不是乙個概念。

在獲取自定義屬性的值時,使用dataset屬性,然後通過自定義屬性(這時去掉data-字首)的名稱去獲取值。dataset是js5規範中新增加的屬性,用於和data-*配合使用。

需要注意:

1)如果data-後面包含了「-」,例如 date-e-name,"-"會去掉,並轉換成為駱駝峰式的命名 ename。這是因為json object 的key不能包含」-「。

2)如果data-後面的單詞有大寫,例如 myname,將會轉存成小寫 myname。這裡就不理解為什麼會轉換成小寫了,json object的key是區分大小寫的。

3)如果你想刪除乙個data-*屬性,請使用 delete dataset.cname或者dataset.cname=null。

jQ獲取html5的data 屬性

html5規定可以為元素新增非標準型的屬性,只需新增字首data 這些屬性可以隨意新增,隨意命名,目的是為元素提供與渲染無關的資訊,或提供語義資訊。mydiv data age 123 data name div jq獲取 mydiv data age 123 多 1 data tt parent ...

HTML5自定義data屬性

可能大家在使用jquery mobile時,經常會看到data role data theme等的使用,比如 通過如下 即可實現頁首的效果 通過手機瀏覽,效果如下 為什麼寫乙個data role header 就能實現底部為黑色 文字居中顯示的效果呢?我們寫乙個html頁面,自定義乙個data ch...

html5的自定義data 屬性

html5中新增了data 的方式來自定義屬性,所謂data 實際上上就是data 字首加上自定義的屬性名,使用這樣的結構可以進行資料存放。使用data 可以解決自定義屬性混亂無管理的現狀。data 有兩種設定方式,可以直接在html元素標籤上書寫 click here 可是,怎麼來讀取這些資料呢?...