jQuery中的 data() 方法是用來為HTML元素綁定數據的方法。當需要為元素添加自定義數據時，我們可以使用data()方法實現。下面是一個簡單的示例：

$("div").data("username", "張三");

在上面的代碼中，我們為一個div元素添加了一個名為“username”的自定義數據，其值為“張三”，這樣我們就可以在后面的代碼中使用這個值。

我們可以通過data()方法來獲取和修改元素的自定義數據。下面是一個獲取自定義數據的示例：

var username = $("div").data("username");
console.log(username);

上述代碼會在控制臺中輸出“張三”，即我們剛剛添加的自定義數據。

我們還可以使用data()方法來一次性添加多個自定義數據，下面是一個添加多個自定義數據的示例：

$("div").data({
username: "張三",
age: 18,
gender: "男"
});

在上面的代碼中，我們一次性為一個div元素添加了三個自定義數據，分別是用戶名、年齡和性別。

除了普通的字符串和數字類型的值以外，我們還可以為元素綁定JavaScript對象類型的值，下面是一個綁定JavaScript對象類型的值的示例：

var user = {
name: "張三",
age: 18,
gender: "男"
};
$("div").data("userInfo", user);

在上面的代碼中，我們為一個div元素添加了一個名為“userInfo”的自定義數據，其值是一個JavaScript對象。

除了為元素添加自定義數據以外，我們還可以使用data()方法來獲取元素的屬性值。下面是一個獲取元素屬性值的示例：

var width = $("div").data("width");
console.log(width);

在上面的代碼中，我們獲取了一個div元素的width屬性值，并將其輸出到控制臺中。

總之，通過data()方法為HTML元素添加自定義數據是非常方便的，而且還可以同時獲取和修改這些數據，非常適合處理頁面交互中的數據傳遞問題。