原文:HTML5:'data-'屬性的作用是什么

在大家查看HTML時,經常會看到data role data theme等的使用,比如:通過如下代碼即可實現頁眉的效果: 為什么寫一個data role header 就能實現底部為黑色 文字居中顯示的效果呢 本文提供一種最簡單的實現辦法,讓大家對這些用法有個直觀的了解。 我們寫一個html頁面,自定義一個data chb header 的屬性,希望具備這個屬性的div區域背景顏色為黑色,文字為 ...

2018-01-21 17:18 0 3059 推薦指數:

查看詳情

data-屬性作用

data-屬性用於儲存私有的自定義數據,data-屬性可以讓我們在所有html元素上增加自定義data屬性,存儲的data屬性能被JavaScript調用。 data-屬性不應該包含任何大寫字母,並且在data-后必須最少擁有一個字符,屬性值可以是任意字符串 取值方法 ...

Tue Nov 13 06:39:00 CST 2018 0 1669
HTML data-* 屬性

實例 使用 data-* 屬性來嵌入自定義數據: <!DOCTYPE html><html><head><script>function showDetails(animal) { var animalType ...

Thu Jan 10 19:17:00 CST 2019 0 894
js,jQuery獲取html5data-*屬性

今天做項目的時候發現一個坑,關於jQuery獲取data-*屬性的方法data(),特寫此篇來記錄。 data-*自定義數據屬性 HTML5規定可以為元素添加非標准型的屬性,只需添加前綴data-,這些屬性可以隨意添加,隨意命名,目的是為元素提供與渲染無關的信息,或提供語義信息 ...

Fri Jan 20 22:55:00 CST 2017 0 37468
js,jQuery獲取html5data-*屬性

原文地址: https://www.cnblogs.com/lzijian/p/6322868.html data-*自定義數據屬性 HTML5規定可以為元素添加非標准型的屬性,只需添加前綴data-,這些屬性可以隨意添加,隨意命名,目的是為元素提供與渲染無關的信息,或提供語義信息。 js ...

Sun Jun 17 22:15:00 CST 2018 0 6616
HTML5新增屬性data-*和js/jquery之間的交互

HTML5新增屬性data-* data-*自定義屬性,這種方式的自定義屬性解決屬性混亂無狀態管理的現狀 書寫實例 1. 定義: 2. 注意點: data-* 屬性包括兩部分: 屬性名不應該包含任何大寫字母,並且在前綴 "data-" 之后必須有至少一個字 ...

Tue Aug 08 21:52:00 CST 2017 0 3056
HTML5自定義屬性data-

HTML5 增加了一項新功能是 自定義數據屬性 ,也就是 data-* 自定義屬性。在HTML5中我們可以使用以 data- 為前綴來設置我們需要的自定義屬性,來進行一些數據的存放。當然高級瀏覽器下可通過腳本進行定義和數據存取。在項目實踐中非常有用。 在開始之前我們先來看下之前 ...

Thu Sep 24 00:58:00 CST 2015 0 10507
HTML5自定義屬性data-

HTML5 增加了一項新功能是 自定義數據屬性 ,也就是 data-* 自定義屬性。在HTML5中我們可以使用以 data- 為前綴來設置我們需要的自定義屬性,來進行一些數據的存放。當然高級瀏覽器下可通過腳本進行定義和數據存取。在項目實踐中非常有用。 在開始之前我們先來看下 ...

Mon Jul 31 17:06:00 CST 2017 0 4323
HTML5 data-* 自定義屬性

在jQuery的attr與prop提到過在IE9之前版本中如果使用property不當會造成內存泄露問題,而且關於Attribute和Property的區別也讓人十分頭痛,在HTML5中添加了data-*的方式來自定義屬性,所謂data-*實際上上就是data-前綴加上自定義的屬性名,使用 ...

Sat Oct 19 06:54:00 CST 2013 11 175448
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM