jQ獲取html5的data 屬性

2021-10-09 06:19:51 字數 714 閱讀 1166

html5規定可以為元素新增非標準型的屬性,只需新增字首data-,這些屬性可以隨意新增,隨意命名,目的是為元素提供與渲染無關的資訊,或提供語義資訊。

"mydiv" data-age=

"123" data-name=

"***"

>

<

/div>

jq獲取

$("#mydiv").

data

("age");

//"123"

多"-"

"1" data-tt-parent-id=

"3">

$(this

).rows.

data

("ttid");

//"1"

$(this

).rows.

data

("ttparentid");

//"3"

例子而已,具體取的方式,看自己本身

如果不是jq物件,會報錯

遇到這種情況只需用$()將其裝換成jq物件即可

$(sortrows).data(「ttid」);

HTML5中的data 屬性

data 屬性包括兩部分 屬性名不應該包含任何大寫字母,並且在字首 data 之後必須有至少乙個字元 屬性值可以是任意字串 注釋 使用者 會完全忽略字首為 data 的自定義屬性。與jquery的.data 不是乙個概念。在獲取自定義屬性的值時,使用dataset屬性,然後通過自定義屬性 這時去掉d...

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 可是,怎麼來讀取這些資料呢?...