HTML Data屬性是HTML5中的一項特性，它可以給HTML元素附加自定義數據。這些數據可以被JavaScript腳本和CSS樣式使用，這為Web開發帶來了很多便利。在使用jQuery時，我們可以通過data()方法輕松地訪問和操作這些自定義數據。

$(document).ready(function(){
var myElement = $("#myDiv");
var myData = myElement.data("myData"); //讀取數據
myElement.data("myData", "Hello World"); //設置數據
});

上面的代碼演示了如何使用data()方法讀取和設置數據。我們可以使用任何自定義名稱作為屬性名，只要以"data-"為前綴即可。

在HTML元素中設置自定義數據時，可以使用以下格式：

data-屬性名="屬性值"

我們還可以將多個自定義屬性設置在同一個元素上：

讀取自定義數據時，我們還可以使用.data()方法來訪問它們：

$(document).ready(function(){
var myElement = $("#myDiv");
var myData1 = myElement.data("myData1");
var myData2 = myElement.data("myData2");
});

HTML Data屬性和jQuery的data()方法是Web開發中非常有用的工具。使用它們，我們可以輕松地操作任何自定義數據，提高Web頁面的交互性和效率。