一、基本概念 在HTML5中添加了data-*的方式來自定義屬性,所謂data-*實際上上就是data-前綴加上自定義的屬性名,使用這樣的結構可以進行數據存放。使用data-*可以解決自定義屬性混亂無管理的現狀。 二、原生js中自定義屬性 1,設置自定義屬性 設置 ...
. HTML 實例 .瀏覽器支持 IE Firefox Chrome Safari Opera 支持 支持 支持 支持 支持 .定義和用法 data 屬性用於存儲頁面或應用程序的私有自定義數據。 data 屬性賦予我們在所有 HTML 元素上嵌入自定義 data 屬性的能力。 存儲的 自定義 數據能夠被頁面的 JavaScript 中利用,以創建更好的用戶體驗 不進行 Ajax 調用或服務器端數 ...
2015-09-09 10:38 2 1444 推薦指數:
一、基本概念 在HTML5中添加了data-*的方式來自定義屬性,所謂data-*實際上上就是data-前綴加上自定義的屬性名,使用這樣的結構可以進行數據存放。使用data-*可以解決自定義屬性混亂無管理的現狀。 二、原生js中自定義屬性 1,設置自定義屬性 設置 ...
HTML5 增加了一項新功能是 自定義數據屬性 ,也就是 data-* 自定義屬性。在HTML5中我們可以使用以 data- 為前綴來設置我們需要的自定義屬性,來進行一些數據的存放。當然高級瀏覽器下可通過腳本進行定義和數據存取。在項目實踐中非常有用。 在開始之前我們先來看下之前 ...
HTML5 增加了一項新功能是 自定義數據屬性 ,也就是 data-* 自定義屬性。在HTML5中我們可以使用以 data- 為前綴來設置我們需要的自定義屬性,來進行一些數據的存放。當然高級瀏覽器下可通過腳本進行定義和數據存取。在項目實踐中非常有用。 在開始之前我們先來看下 ...
這樣的結構可以進行數據存放。使用data-*可以解決自定義屬性混亂無管理的現狀。 讀寫方式 data-*有 ...
data-* 是H5的新屬性,用來讓開發者對標簽添加自定義屬性的。 其讀寫方式有如下幾種: 如果是 data-abc 的格式,則采用正常格式 abc 來讀寫該屬性值 <div id="content" data-age="18">html5 ...
注:在同一function中先賦值再取值的話用.data()取到的只是第一次加載時候的值,不是修改的值。 所以一般推薦用.attr() 1.給自定義屬性data-num賦值 2.獲取自定義屬性data-num的值 3.獲取 ...
//獲取自定義屬性值 <div id="text" dataObj="我是自定義屬性"><div> JQUERY取值:$("#text").attr("dataObj"); 輸出:我是自定義屬性 //獲取data-*值 <div id="text ...