HTML jQuery .data() 是一種在使用 jQuery 操作 HTML 頁面時非常有用的功能。.data() 方法可以讓我們在元素中存儲和檢索數(shù)據(jù)，而不需要使用全局變量或從服務器獲取數(shù)據(jù)。

在 HTML 中，我們可以使用 data-* 屬性來存儲任意的數(shù)據(jù)。這些屬性的名稱必須以 "data-" 開頭，后面可以跟上任何字符串。

<div id="myDiv" data-name="John" data-age="30"></div>

在 jQuery 中，我們可以使用 .data() 方法來檢索這些數(shù)據(jù)：

var name = $("#myDiv").data("name");  // "John"
var age = $("#myDiv").data("age");    // 30

我們還可以在元素中存儲數(shù)據(jù)。例如，在下面的例子中，我們在一個按鈕上存儲了一個數(shù)字。當用戶點擊按鈕時，該數(shù)字會增加：

<button id="myButton">0</button>

$("#myButton").click(function() {
var currentValue = $(this).data("value");
var newValue = currentValue + 1;
$(this).data("value", newValue);
$(this).text(newValue);
});

在這個例子中，我們使用 .data() 方法來獲取和設置按鈕的值。我們首先檢索當前值，然后增加它并存儲新值。最后，我們使用 .text() 方法將新值設置為按鈕的文本。

總的來說，.data() 方法是一種非常有用的技巧，可以讓我們在操作 HTML 頁面時更輕松地存儲和檢索數(shù)據(jù)。