在jQuery中，我們可以使用data()方法來訪問和操作HTML元素的data屬性值。data屬性值可以用于保存元素的特定數據，這些數據可以方便地在JavaScript中訪問和使用。

通過data()方法，我們可以獲取元素的data屬性值，也可以為其設置新的值。下面是一個例子：

$(document).ready(function() {
// 獲取元素的data屬性值
var dataValue = $('#myElement').data('mydata');
// 設置元素的data屬性值
$('#myElement').data('mydata', 'new value');
});

在上面的代碼中，我們使用了data()方法來獲取和設置元素的data屬性值。在獲取屬性值時，我們需要傳入屬性名稱作為data()方法的參數。在設置屬性值時，我們需要傳入兩個參數，第一個是屬性名稱，第二個是要設置的新的屬性值。

另外，我們也可以使用data()方法來訪問和操作元素的自定義data屬性值。自定義data屬性值可以方便地在HTML元素中存儲任意數據，并在JavaScript中訪問和使用。下面是一個例子：

// HTML元素
<div id="myElement" data-my-custom-data="custom value"></div>
// JavaScript代碼
$(document).ready(function() {
// 獲取自定義data屬性值
var customDataValue = $('#myElement').data('my-custom-data');
// 設置新的自定義data屬性值
$('#myElement').data('my-custom-data', 'new custom value');
});

在上面的代碼中，我們為一個div元素設置了一個自定義data屬性值，并使用data()方法來獲取和設置這個屬性值。在獲取和設置自定義data屬性值時，我們需要使用短橫線分隔的屬性名稱作為data()方法的參數。

總而言之，使用data()方法可以讓我們方便地訪問和操作HTML元素儲存的data屬性值和自定義data屬性值，可以為我們的JavaScript開發提供很大的便利。