HTML5 增加了一項新功能是 自定義數據屬性 ,也就是 data-* 自定義屬性。在HTML5中我們可以使用以 data- 為前綴來設置我們需要的自定義屬性,來進行一些數據的存放。當然高級瀏覽器下可通過腳本進行定義和數據存取。在項目實踐中非常有用。 在開始之前我們先來看下之前 ...
一 基本概念 在HTML 中添加了data 的方式來自定義屬性,所謂data 實際上上就是data 前綴加上自定義的屬性名,使用這樣的結構可以進行數據存放。使用data 可以解決自定義屬性混亂無管理的現狀。 二 原生js中自定義屬性 ,設置自定義屬性 設置自定義屬性有如下 種方式。 第一種方式是可以直接在 HTML 標簽上面書寫: 上面 data weather 就是一個自定義屬性,值為 rain ...
2019-09-10 10:44 0 480 推薦指數:
HTML5 增加了一項新功能是 自定義數據屬性 ,也就是 data-* 自定義屬性。在HTML5中我們可以使用以 data- 為前綴來設置我們需要的自定義屬性,來進行一些數據的存放。當然高級瀏覽器下可通過腳本進行定義和數據存取。在項目實踐中非常有用。 在開始之前我們先來看下之前 ...
HTML5 增加了一項新功能是 自定義數據屬性 ,也就是 data-* 自定義屬性。在HTML5中我們可以使用以 data- 為前綴來設置我們需要的自定義屬性,來進行一些數據的存放。當然高級瀏覽器下可通過腳本進行定義和數據存取。在項目實踐中非常有用。 在開始之前我們先來看下 ...
在jQuery的attr與prop提到過在IE9之前版本中如果使用property不當會造成內存泄露問題,而且關於Attribute和Property的區別也讓人十分頭痛,在HTML5中添加了data-*的方式來自定義屬性,所謂data-*實際上上就是data-前綴加上自定義的屬性名,使用 ...
data-* 是H5的新屬性,用來讓開發者對標簽添加自定義屬性的。 其讀寫方式有如下幾種: 如果是 data-abc 的格式,則采用正常格式 abc 來讀寫該屬性值 <div id="content" data-age="18">html5 ...
//獲取自定義屬性值 <div id="text" dataObj="我是自定義屬性"><div> JQUERY取值:$("#text").attr("dataObj"); 輸出:我是自定義屬性 //獲取data-*值 <div id="text ...
attribute方法存取 data-* 自定義屬性的值使用attributes方法存取 data-* 自定義 ...
總結一下:①用data-*設置自定義屬性時,出現兩個字母以上用" - ...
attribute方法存取 data-* 自定義屬性的值使用attributes方法存取 data-* 自定 ...